Hallo zusammen,

beim ein- auszoomen der Website (z.B. unter Firefox Ansicht/Zoom/vergrößern/verkleinern) verändert sich die Darstellung der Seite, vermutlich weil die Werte mit px eingetragen wurden.

Der letzte Button wird z.B. nach links verschoben und scheint dann unter dem Mittleren.
Der Inhalt der Sidebar bekommt einen Textumbruch..

Ich möchte gerne wissen wie man vorgehen soll, damit die Website immer gleiches Aussehen behält.

Es würde mich freuen, wenn man mir weiterhelfen könnte.
Beste Grüße,
Neuling

So sieht CSS derzeit für die Sidebar aus:


#sidebar {
float: left;
width: 240px;
padding: 15px;
}

.box-style {
font-size: 12px;
line-height: 150%;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #D6D6D6;
width: "100%";
}
.box-style .title {
letter-spacing: -1px;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
color: #FFFFFF;
}
dl.style1 {
margin: 0px;
padding: 0px;
width: 100%;
}
dl.style1 dt {
clear: left;
float: left;
width: 44px;
height: 15%;
margin: 0px 10px 0px 0px;
padding: 0px;
background: #DA3900 url(../images/homepage02.jpg) no-repeat left top;
padding: 2px 0px 0px 0px;
letter-spacing: -1px;
text-align: center;
font-size: 11px;
color: #FFFFFF;
font-variant: normal;
}

dl.style1 dd {
display: block;
height: 19%;
width: 100%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}

Relative Maßeinheiten (http://de.selfhtml.org/css/formate/w...htm#numerische) sind gefragt.

• Artikel: Liquid layouts the easy way
  • Beispiel Nr.1: Liquid layout example

Besten Dank.