css Layout bricht beim Vergrößern um

[Martin Hölter]

Hi!

Hat jemand eine Idee woran das liegen könnte?

Du hast die Breiten in em angegeben, dadurch verbreitern sie sich natürlich beim Schriftgrad erhöhen. Ich hatte eben sogar eine horizontale Scrollleiste (Opera auf 150% Zoom)-

http://www.englisch-lernen-im-internet.de/selfhtml/remake2.html

btw: dein Code ist verbesserungsfähig. Du hast z.B.

    <div id="column-left">  
      <div class="navigation">  
       <ul class="navi-ul">  
        <li><a href="#" title="Link1" class="navi-ul-a"><span class="bullet">&raquo;&nbsp;</span><span class="item">Link1</span></a></li>  
        <li><a href="#" title="Link2" class="navi-ul-a"><span class="bullet">&raquo;&nbsp;</span><span class="item">Link2</span></a></li>  
        <li><a href="#" title="Link3" class="navi-ul-a"><span class="bullet">&raquo;&nbsp;</span><span class="item">Link3</span></a></li>  
        <li><a href="#" title="Link4" class="navi-ul-a"><span class="bullet">&raquo;&nbsp;</span><span class="item">Link4</span></a></li>  
       </ul>  
      </div>  
    </div>

mit entsprechenden Styleangaben. DAs ganze könntest du folgendermassen kürzen:

<ul id="navigation"><!--du wirst ja nur eine Navigation haben, ansonsten verwende class-->  
<li><a href="#">Link1</a>  
<li><a href="#">Link2</a>  
<li><a href="#">Link3</a>  
<li><a href="#">Link4</a>  
</ul>

Und das ganze dann per CSS formatieren und positionieren

  
ul#navigation {/*Positionierung und Foramtierung von ul*/}  
ul#navigation li {/*Formatierung von li*/}  
ul#navigation a, ul#navigation a:link {/*Formatierung von a*/}  
ul#navigation a:visited {/*Formatierung von a:visited*/}

und so weiter...

Gruß

Martin