Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › HTML and CSS problem [Update 3] PLS HELP
New Posts  All Forums:Forum Nav:

HTML and CSS problem [Update 3] PLS HELP - Page 2

post #11 of 61
Quote:
Originally Posted by Nerd0Bot View Post

Nops, it will not work with that. it works when i remove the ClearFix but then everything gets ****ed up.

I assure you, it works. I've used it on plenty of sites and it always works. You must be doing something wrong.
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
post #12 of 61
Thread Starter 
Yes i know frown.gif but i cant find the mistake, i have used the clearfix many times before to and i worked like a charm but now i don't understand, do you see a mistake in my code ?
post #13 of 61
Code:
<!DOCTYPE>

<html>
<!--PC911 - Tölvuviðgerðir-->
        <head>
                <title>.: Nafn :.</title>
                <meta charset="utf-8" />
                <link href="index.css" rel="stylesheet" type="text/css">
        </head>
        <body>
        
<div id="wrapper">
<!--Head, logo-->
                        <div class="head clearfix">
                                <img src="images/logo.png">
                        </div>
                        
<!--div around all div's exept head-->            
                <div class="all clearfix">

<!--Vinstri, Navigation-->
                        <div class="vinstri">
                                <a href="#.html">Linkur 1</a>
                                <a href="#.html">Linkur 2</a>
                                <a href="#.html">Linkur 3</a>
                                <a href="#.html">Linkur 4</a>                     
                        </div>

<!--Textbox, newsfeed, updates-->
                        <div class="mainbox clearfix">
                                textabox
                        </div>

<!--extra, quiz and video-->
                        <div class="extra1 clearfix">
                                auka
                        </div>
                        <div class=extra2 clearfix">
                                auka 2
                        </div>
                
<!--footer, name and links, mail-->
                        <div class="footer clearfix">
                                fótur
                        </div>
                </div>
        </body>
</html>

CSS:
Code:
.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
}
 
.clearfix {
        display: inline-block;
}
 
html[xmlns] .clearfix {
        display: block;
}
 
* html .clearfix {
        height: 1%;
}

body {
        background-color: #acaaaa;
        background-image: url('images/background.png');
        background-repeat: repeat-x;
}
#wrapper {
        margin-left:auto;
        margin-right:auto;
        width:1000px;
}
.head {
        background-color: none;
        height: 100px;
        margin: auto;
}

.all {
        width: 960px;
        border: 3px solid black;
        margin: auto;
}

.vinstri {
        background-color: orange;
        float: left;
        width: 250px;
        height: 120px;
}

.mainbox {
        background-color: white;
        float: left;
        width: 710px;
}

.extra1 {
        background-color: purple;
        height: 100px;
        width: 355px;
        float: right;
}

.extra2 {
        background-color: yellow;
        height: 100px;
        width: 355px;
        float: right;
}

.footer {
        background-color: brown;
        height: 100px;
        width: 960px;
}

Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
post #14 of 61
Thread Starter 
nice thanks, that worked but the logo is still not in center cause it is not in the wrapper div, i call the wrapper div "all"
post #15 of 61
If you want the header centered then, it will need to be within the "all" div for it to center it
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
post #16 of 61
Thread Starter 
Yes i know that but the the border that is around all the other div goes around the logo div and i don't want the cause i am going to do something else.
post #17 of 61
Thread Starter 
Why does this happen now ? the sidebar is the navigation and the one on the left is the mainbox why are the height not the same ? in different browser.

Picture 1 is Internet Explorer

Picture 2 is Google Chrome

Picture 3 Is FireFox

Why does it not look the same in the other browsers ? i got the same height for them all.


321330195846.png

121330195846.png

61330195846.png
post #18 of 61
Thread Starter 
Bump
post #19 of 61
whats the current code now

can i have the site's link?
    
CPUMotherboardGraphicsRAM
Phenom II x4 955BE @3.8ghz Asus M4A79XTD Evo Sapphire 5870 2GB E6 4GB Mushkin Blackline 1600mhz 
Hard DriveOptical DriveCoolingOS
640gb WD | 250gb WD LG dvd reader Prolimatech Megahalems Windows 7 Ultimate x64 
MonitorKeyboardPowerCase
Dell S2209W 22" Lenovo Keyboard (k4803A) SilverStone Decathlon DA700 CM 690 II Advanced 
MouseAudio
Logitech G500 Cochlear Implants and JVC HA-RX700 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
Phenom II x4 955BE @3.8ghz Asus M4A79XTD Evo Sapphire 5870 2GB E6 4GB Mushkin Blackline 1600mhz 
Hard DriveOptical DriveCoolingOS
640gb WD | 250gb WD LG dvd reader Prolimatech Megahalems Windows 7 Ultimate x64 
MonitorKeyboardPowerCase
Dell S2209W 22" Lenovo Keyboard (k4803A) SilverStone Decathlon DA700 CM 690 II Advanced 
MouseAudio
Logitech G500 Cochlear Implants and JVC HA-RX700 
  hide details  
Reply
post #20 of 61
Thread Starter 
Here it is http://vidgerdir.site90.net/
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Coding and Programming
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › HTML and CSS problem [Update 3] PLS HELP