✔ Problem mit Verschiebungen u.s.w

[Niklas1812]

Geht auch nicht wird alles woanders Positioniert !

Ist warscheinlich weil an den Bottums 4 Senkrechte Umrandungen sind und bei dem andern nur 2 bei verkleicherung der Seite durch Zoom die Umrandung beide um 1px verkleinert werden feht da 2 Px bei den Bottums wie kan man das verbessern ?

Gruß Niklas

 

[Maik]

Geht auch nicht wird alles woanders Positioniert !

Tatsächlich?

In meiner lokalen Testseite auf wundersame Weise überhaupt nicht.


(v.l.n.r.: FF, IE)

"Zoom"-Bilder reiche ich auf Wunsch gerne nach, in denen sich ebenso nichts verschiebt

mfg Maik

 

[Niklas1812]

Die Box ist schon lange schwarz und ich habe das alles schon längst wieder entfernt ^^

Gruß Niklas

 

[Maik]

Jo, dann stell dir auf meinen beiden Bildchen die gelbe Box eben schwarz vor

mfg Maik

 

[Niklas1812]

Klar werd ich machen

Aber das dumme verschiebungsproblem ist immernoch da Sowas ist mir noch nie passiert ok ist auch das zweite mal erst das ich mit Umrandungen arbeite ^^ Aber das muss doch zu lösen sein .

Gruß Niklas

 

[Maik]

Aber das dumme verschiebungsproblem ist immernoch da

Abschliessend hänge ich hier noch die angekündigten "Zoom"-Bilder an, in denen ebenfalls nichts verschoben ist.



Ich habe fertisch

mfg Maik

 

[Niklas1812]

So jetzt hab ich kb mehr Gast zu sein ^^

Bei mir sieht das ganze so aus

 

[Maik]

Willkommen an Bord, Niklas

Setz die Rahmenkonstruktion mal besser so um, damit sie beim Zoomen "stabil" bleibt:

<div id="wrapper">
     <img id="bild1" alt="webdesign" src="bilder/webdesign.png"  />
     <div id="bildwrapper"><img id="bild2" alt="übermich" src="bilder/ueber-mich.png"/><img id="bild3" alt="erstellen" src="bilder/erstellen.png"/><img id="bild4" alt="impressum" src="bilder/impressum.png"/></div>
     <div id="schrift" style="width: 930px; height: auto;"><p>Herzlich Wilkommen dies hier wird eine wow Fanseite !</p><br><p>Diese Seite Befindet sich noch im Aufbau!</p><br><p>Das hier ist ein Test!<p><br>Ebenso wie hier</p><br><p>Und Hier</p></div>
</div>

#bild1 {
border-width: 8px 8px 4px 8px;
border-style: solid;
border-color: red;
margin: 40px auto 0px auto;
display:block;
}
#bildwrapper {
width: 930px;
margin: auto;
border-width: 4px 8px 4px 8px;
border-style: solid;
border-color: red;
}
#bild2 {
border-width: 0 4px 0 0;
border-style: solid;
border-color: red;
}
#bild3 {
border-width: 0 4px 0 4px;
border-style: solid;
border-color: red;
}
#bild4 {
border-width: 0 0 0 4px;
border-style: solid;
border-color: red;
}

mfg Maik

 

[Niklas1812]

Zuerst dachte ich in meine Webseite wär n Meteor gekracht ^^ Habs aber alles angepasst und sieht super aus vielen Dank.

Gruß Niklas