Zentrum Flüssigkeit Layout

Ich kann nicht sehen, wo das Problem ist, aber .topbar ist nicht zentriert, wie es sein sollte ... Abstand von links und rechts sollte gleich sein.Zentrum Flüssigkeit Layout

http://jsfiddle.net/P4TpQ/

Dies ist mein Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title>asd</title> 
</head> 
<body> 
<div class="wrapper"> 
    <div class="topbar">asd</div> 
</div> 
</body> 
</html> 


* { 
    margin:0; 
    padding:0; 
} 

body { 
    background:#000; 
    font:14px Arial, Helvetica, sans-serif; 
    background-color:#FFF; 
    background-repeat:repeat; 
} 
.wrapper { 
    width:90%; 
    min-widht:200px; 
    margin:0 auto; 
} 
.wrapper * { 
    float:left; 
} 
.topbar { 
    width:inherit; 
    height:50px; 
    background:#000; 
}

Quelle

2012-03-26 enloz

Sie width:90% erben - entweder eingestellt explizit auf 100% oder Sie schwimmen nicht Wrapper Nachkommen: http://jsfiddle.net/P4TpQ/3/

auch: floating alle Wrapper Nachkommen hat eine ziemlich gute Potential Sie zu beißen später. Falls unbedingt erforderlich, versuchen Sie einen direkten Kinderselektor wie .wrapper>*

Quelle

2012-03-26 01:19:31

die Breite .topbar zu 100% statt erben eingestellt. http://jsfiddle.net/P4TpQ/2/

oder entfernen Sie den Float von topbar und fügen Sie Marge: 0 auto, wenn Sie nicht möchten, dass die Breite geändert. http://jsfiddle.net/P4TpQ/4/

Quelle

2012-03-26 01:19:02 user1289347

.topbar { 
    width: 100%; 
    height: 50px; 
    background: #000; 
}

Quelle

2012-03-26 03:56:50 vonsko

Antwort

Verwandte Themen