Hi,

ich habe eine Auflösung von 1680 x 1050.
Bin dabei eien Webseite zu machen.
Habe alles mit Prozenten gemacht, mit der Hoffung, das Leute mit kleinerer Auflösung auch alles sehen können.

Jetzt habe ich mir aber meine Webseite angeschaut unter kleinerer Auflösung /1024x768) und da wird es falsch dagestellt hier mal der Screen im Anhang.

Der zweite zeigt wie es falsch aussieht und der andere wie es richtig aussehen soll.

Hier mal der HTML Code:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13

<div id="header">             <div id="info"><br /><br />                     <script type="text/javascript" language="JavaScript" src="http://www.biblegateway.com/usage/votd/votd2html.php?version=31&amp;jscript=1&newtarget=1">                     </script>                     <!-- alternative for no javascript -->                     <noscript>                         <a href="http://www.biblegateway.com/usage/votd/votd2html.php?version=31&amp;jscript=0&newtarget=1">View Verse of the Day</a>                     </noscript>             </div>             <div id="logo">                 <a href="index.php"><img src="images/logo.jpg" alt="logo_smd_emden" border="0" /></a>             </div>         </div>

Und hier mal der CSS Code:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

* {     padding:0px;     margin:0px; }   body {     font-family:Verdana;     font-size:12px; }   #main {     width:100%; }   #header{     width:100%;     height:180px; }   #logo {     width:24%;     float:right;     margin:0px;     padding:0px; }   #info {     width:75%;     float:left;     border:1px solid #1793d1;     color:#989898;     font-weight:bold;     font-size:14px;     border-top:0px;     border-bottom:0px;     border-left:0px;     text-align:center;     height:170px;     margin-top:5px;     margin-bottom:5px;     overflow:hidden; }

Könnt ihr mir sagen woran es liegt?

Hi,

vielleicht solltest du für das Gesamtlayout mit der min-width-Eigenschaft eine Mindestbreite einrichten, damit es sich nicht "zusammenstauchen" lässt und die Spalten nicht umgebrochen werden.

Falls du die Vorgängerversionen des IE7 berücksichtigst, ist ein Workaround, wie z.B. Min-Width for Internet Explorer, erforderlich, da sie diese CSS-Eigenschaft nicht unterstützen.

mfg Maik

aber min-width ist problem da muss ich ja wieder mit px arbeiten und dachte aber % sind doch besser oder nicht.

Und wie richte ich das mit dem Workaround ein?

Zitat von mastermoul

aber min-width ist problem da muss ich ja wieder mit px arbeiten und dachte aber % sind doch besser oder nicht.

Ist dir schon mal in den Sinn gekommen, dass die absolute Breite der rechten Logo-Grafik ab einer gewissen Fensterbreite der Knackpunkt in deinem "relativen System" ist?

mfg Maik