Boxen fixxen?

[manager17]

Hallo Com,

Ich habe mal 2 Boxen gecodet und dabei festgestellt das wenn ich etwas nah ran zoome sich die boxen aneinander treffen.

Bilder im Anhang.
Das erste Bild zeigt euch das normale abbild (100% zoom)
Das zweite Bild zeigt euch wie es aussieht wenn man es nah ran zoomt.

Wenn ich auf i-einer Webseite nah ran zoome ist alles gleich nur es wird halt kleiner und größer und bei mir verschiebt es sich , was hab ich falsch gemacht oder vergessen? hier der html und css Code.

HTML:

Spoiler: HTML

<div class="testbox">

</div>

<div class="testbox2">

</div>

Spoiler: CSS

.testbox {
display:block;
margin:0px;
padding:0px;
height:100px;
width:300px;
background:#fff;
border:1px solid #aeaeae;
top:20px;
box-shadow:3px 3px 0px #aeaeae;
float:left;
}

.testbox2 {
display:block;
margin:0 auto;
padding:0px;
height:100px;
width:400px;
background:#FFF;
border:1px solid #aeaeae;
box-shadow:3px 3px 0px #aeaeae;
float:center;
}

Hab es auch mal mit position: relative und left: 5% versucht anstatt float:center aber es kommt das gleiche Problem raus.

 

[Tronjer]

float:center gibt es nicht. Was du brauchst, ist http://css-tricks.com/snippets/css/a-guide-to-flexbox/

 

[manager17]

Ah Danke dir werde es mal ausprobieren

€: Danke hat funktoniert nur hab immernoch ein Problem unzwar dieses.(Bild im Anhang)

Das sieht man zwar nicht richtig aber wenn man den zoom erniedriegt bzw. auf 90 or 70% dann geht es immer weiter nach links..

 

[djheke]

Was willst du erreichen?