nicht angemeldet
CSS Box verschiebt sich
Wenn ich Links und in der Mitte einen Text haben möchte, aber der Text Links kürzer ist als der Text in der Mitte, dann verschiebt sich der Text im IE in der Mitte sobald der linke text fertig ist unter den Text links.
ich versuchs mal hier mit a und b zu verdeutlichen:
aabbbbbbb
aabbbbbbb
bbbbbbb
bbbbbbb
so sieht der CSS Abschnitt für Links aus,
#spieltag {
margin-top:75px;
margin-right:100px;
float:left;
}
und so für die Mitte:
#content {
margin-top:75px;
margin-left:200px;
}
-
Hi!
Ja. Genau das soll er auch machen. Es funktioniert also erstmal so, wie es sollte und gibt keinen Grund zur Beanstandung.
Hast Du denn auch etwas HTML, um zu sehen Was genau Du da treibst, dass Du der Annahme bist, es solle anders aussehen?
--
Trau Dich!
-
Hi!
Ja. Genau das soll er auch machen. Es funktioniert also erstmal so, wie es sollte und gibt keinen Grund zur Beanstandung.
Also macht der IE das dann richtig und der FF falsch?
Wie mache ich das dann, dass links und rechts eine Leiste ist? Also der Text in der mitte einen Box bildet? Auch wenn links der Text zu ende ist.<div id='menu'> <div id='counter'> <p>Besucherzähler:</p> <!-- Beginn Grafikcounter --> <script language='JavaScript' SRC='http://www.hitmaster.de/hm3c.php?cid=171974'></script> <!-- Ende Grafikcounter --> </div> <table> <tr> <td> </td> <td><a class='navigation' href='historie.php'>Historie</a></td> <td> </td> <td><a class='navigation' href='fotos.php'>Fotos</a></td> <td> </td> <td><a class='navigation' href='archiv.php'>Archiv</a></td> </tr> <tr> <td><a class='active' href='index.php'>Startseite</a></td> <td> </td> <td><a class='navigation' href='mitglieder.php'>Mitglieder</a></td> <td> </td> <td><a class='navigation' href='gaestebuch.php'>Gästebuch</a></td> <td> </td> <td><a class='' href='links.php'>Links</a></td> <td> </td> </tr> </table> </div><div id='spieltag'><div id='ergebnisse'>1. Spieltag</div>Kaiserslautern : Aachen 2:1<br></div><div id='content'><div id='bericht'><h1>Dauerhaft</h1><p>Dauerhaft soll das angezeigt werden</p><div id='autor'>Erstellt von: Ben</div><div id='datum'>Erstellt am: 21.8.2008</div></div><div id='bericht'><h1>Endlich Online</h1><p>Das ist der erste text mit einem Link<br /> <a href="http://www.benjaminbecker.de">Benjaminbecker.de</a></p><div id='autor'>Erstellt von: Ben</div><div id='datum'>Erstellt am: 21.8.2008</div></div><div id='bericht'><h1>Test</h1><p>dasdasd</p><div id='autor'>Erstellt von: Ben</div><div id='datum'>Erstellt am: 21.8.2008</div></div><div id='bericht'><h1>2</h1><p>2</p><div id='autor'>Erstellt von: 2</div><div id='datum'>Erstellt am: 20.8.2008</div></div></div><div id='footer'> <hr> <footer>Penalty-Crew-Hildesheim</footer> <a href='impressum.php'>Impressum</a> </div> </body>-
Hoi!
Das ist aber mehr, als 'etwas' Code. ;)
Also macht der IE das dann richtig und der FF falsch?
:) Nein.
Wie mache ich das dann, dass links und rechts eine Leiste ist? Also der Text in der mitte einen Box bildet? Auch wenn links der Text zu ende ist.
Wenn deine Konstruktion so aussieht:
<div>
Menue
<div>
inhalt
</div>
</div>Macht der IE was falsch. Gib dem Inhalt margin-left in Menuebreite. Oder mach es gleich so:
<div>
Menue
</div>
<div>
Inhalt
</div>--
Trau Dich!
-
Hoi!
Das ist aber mehr, als 'etwas' Code. ;)
Also macht der IE das dann richtig und der FF falsch?
:) Nein.
Wie mache ich das dann, dass links und rechts eine Leiste ist? Also der Text in der mitte einen Box bildet? Auch wenn links der Text zu ende ist.
Wenn deine Konstruktion so aussieht:
<div>
Menue
<div>
inhalt
</div>
</div>Macht der IE was falsch. Gib dem Inhalt margin-left in Menuebreite. Oder mach es gleich so:
<div>
Menue
</div>
<div>
Inhalt
</div><div> Menue </div> <div> Inhalt </div>So habe ich es doch.
<?php echo " <head> <title>Penalty Crew Hildesheim</title> <link rel='stylesheet' type='text/css' href='style.css'> </head> <body>"; echo "<div id='menu'>"; include('menu.php'); echo "</div>"; echo "<div id='content'>"; include('content.php'); echo "<div>"; echo "<div id='footer'> <hr> <footer>Penalty-Crew-Hildesheim</footer> <a href='impressum.php'>Impressum</a> </div> "; echo "</body>"; ?>So sieht es im php Quelltext aus.
-
Hi!
php Quelltext is nicht unbedingt nuetzlich bei deinem Problem. auf das HTML kommts an. Hier mal ein Beispie. Wo unterscheidet sich deins von meinem?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head><title>Barbarische Spalten</title> <style type="text/css"> #menu { float:left; width:100px; background:#FFFF00; } #content { width:400px; background:#0000FF; } #footer { clear:both; width:500px; background:#FF0000; } </style> </head> <body> <div id='menu'> Link </div> <div id='content'> Rhabarberbarbarenbar Rhabarberbarbarenbar Rhabarberbarbarenbar Rhabarberbarbarenbar Rhabarberbarbarenbar Rhabarberbarbarenbar Rhabarberbarbarenbar </div> <div id='footer'> Fuss </div> </body> </html>--
Trau Dich!
-
Da ist kein Unterschied, das gibt den gleichen Fehler! habe mal einen Screenshot angehängt.
-
Da ist kein Unterschied, das gibt den gleichen Fehler! habe mal einen Screenshot angehängt.
Mit nem margin-left waehre das behebbar.
--
Trau Dich!
-
Da ist kein Unterschied, das gibt den gleichen Fehler! habe mal einen Screenshot angehängt.
Mit nem margin-left waehre das behebbar.
Achso nur damit. gut muss ich damit mal rumprobieren.
Muss ich dann eine Browserweiche nehmen? Weil der IE es ja ohne richtig anzeigt?-
Hi!
Muss ich dann eine Browserweiche nehmen? Weil der IE es ja ohne richtig anzeigt?
Nein, musst Du nicht. 'Richtig' ist eine Sache der Definition.
Du kannst auch hier mal fertige Layouts anschnuppern: http://www.intensivstation.ch/templates/
--
Trau Dich!
-
-
-
-
-
-
-
-