Autor |
Nachricht |
dawndevil
Threadersteller
Dabei seit: 27.06.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 08.08.2007 14:26
Titel [CSS] Div-Problem einer Anfängerin |
|
|
Ich bemühe mich wirklich, das mit den Divs schön brav umzusetzen. Lese und mache Tutorials. So klappt das auch ganz gut.
Nun möchte ich mal einen "echten" Fall bearbeiten, der nicht so ganz in das vorgegebene Schema passt und schon gehts los.
Firefox machts richtig:
IE machts falsch:
Code: |
body { background-color: #FFFFFF}
#container
{
margin: auto;
width: 1024px;
height: 490px;
border: 0px;
margin-top: 0;
}
#termine
{
width: 160px;
height: 490px;
float: right;
margin:0;
padding:0px;
background-color: #F4DDB5;
text-align: left;
}
#content
{
margin:0px;
padding:0x;
}
#navi
{
width: 160px;
height: 490px;
margin:0;
padding:0px;
float: left;
background-color: #F4DDB5;
text-align: left;
}
|
Code: |
<div id="container" class="farbe">
<div id="navi"></div>
<div id="termine"></div>
<div id="content">
<img src="img/hotel.jpg" width="704">
</div>
</div>
|
Den Fehler habe ich gefunden, es hat mit der Größe des Bildes zu tun haben, soweit bin ich schon.
Verkleinere ich das Bild, dann zeigt es auch IE richtig (oben) an. Aber dann sind da Ränder zu sehen links und rechts.
Hat jemand eine Lösung für mich bitte?
|
|
|
|
|
phoelynx
Dabei seit: 29.07.2007
Ort: Mannheim
Alter: -
Geschlecht:
|
Verfasst Mi 08.08.2007 14:40
Titel
|
|
|
hi dawndevil,
ich kann dir jetzt nicht sagen, ob es die lösung bringt, aber achte mal zukünftig darauf, dass bei deinen angaben alle werte auf die selbe art angegeben werden und du auch fehler vermeidest. hier mal meine aufzählung (mag ein wenig pedantisch sein ):
bei #container haste margin: auto UND margin-top: 0 stehen
bei #content steht bei padding 0x, sollte das nicht 0px heißen?
generell stehen bei manchen angaben "px" dabei und bei anderen wiederum nur die Zahlen. Dürfte nix ausmachen, sieht aber komisch aus
außerdem solltest du im code später in die tags auch wirklich was reinschreiben. Manche browser akzeptieren GANZ leere tags einfach nicht und gehen unbearbeitet drüber hinweg; da kann ein schon helfen.
|
|
|
|
|
Anzeige
|
|
|
dawndevil
Threadersteller
Dabei seit: 27.06.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 08.08.2007 15:03
Titel
|
|
|
Hallo phoelynx,
Danke für Deine schnelle Antwort. Beim hin und her probieren haben sich wohl ein paar Fehlerteufel eingeschlichen. Soll mich nicht völlig von der Schuld befreien, manche waren sicher auch vorher da.
Das habe ich inzwischen bereinigt. Das war leider nicht das Problem.
An den leeren Divs kann es nicht liegen. Die Inhalte habe ich nur hier für Anschauungszwecke entfernt. Mit oder ohne Inhalt - Ergebnis bleibt gleich. Das Bild ist nicht da wo es hin soll.
Ich habe den Verdacht, dass mein #Content zu klein ist. Aber dabei habe ich keine Größenangabe dazu gemacht.
Als ich den Conent mal kräftig eingefärbt habe, war auch links und rechts ein Abstand von ca 2px zu sehen. Wie kann das sein?
|
|
|
|
|
phoelynx
Dabei seit: 29.07.2007
Ort: Mannheim
Alter: -
Geschlecht:
|
Verfasst Mi 08.08.2007 15:23
Titel
|
|
|
ok, schade. dann mach doch mal aus deinem html beim bild das "width" raus (damit gibst du ja nur dem bild selbst eine größenangabe) und mach diese "width" im css in den content rein. vielleicht bringt das ja was.
Anonsten kann ich das leider nicht nachvollziehen, weil mein IE es korrekt anzeigt.
setz mal noch beim content ein "margin-left: 160px;" oder "padding-left: 160px;" (abhängig davon wie du es am ende brauchst). Mein Opera hat hier nach einfärben nämlich gezeigt, dass es den contentbereich sonst hinter die navi schiebt, die ja "float"ed.
Auf float würde ich bei sowas eh verzichten und nur mit positionen arbeiten, aber das ist auch geschmackssache
Vielleicht hilfts jetzt was.
Zuletzt bearbeitet von phoelynx am Mi 08.08.2007 15:27, insgesamt 2-mal bearbeitet
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 08.08.2007 20:50
Titel
|
|
|
Schau dir mal das Boxmodell vom IE an. Ich denke da liegt das Problem, er berechnet das ganze anders.
|
|
|
|
|
dawndevil
Threadersteller
Dabei seit: 27.06.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 09.08.2007 10:20
Titel
|
|
|
Vielen, vielen Dank für eure Tipps!
Inzwischen sitzt es richtig. Ich, das mit dem Boxmodel hat mein Problem gelöst. Es war der falsche HTML-Typ angegeben.
@phoelynx: Ich werde auch noch deinen Rat mit dem Margin/padding probieren. Wenns dann immer noch so aussieht und "sauber" ist, dann ist es ja noch besser
|
|
|
|
|
Kai.S
Dabei seit: 20.12.2005
Ort: München
Alter: 41
Geschlecht:
|
Verfasst Do 09.08.2007 10:49
Titel
|
|
|
@phoelynx: ich will nicht Beckmessern, aber vielleicht sollte man Neulinge nicht unnötig verwirren ...
du kreidest
Zitat: | bei #container haste margin: auto UND margin-top: 0 stehen |
als Fehler an. Dies ist aber kein Fehler.
margin:auto setzt für top right bottom und left den Wert auto
und das danach stehende margin-top setzt dann 0,
wo ist also das Problem?
Außerdem kann man generell bei Werten von 0 die Angabe der Einheit weglassen,
denn 0px 0em 0pt ist letztendlich doch alles 0.
|
|
|
|
|
dawndevil
Threadersteller
Dabei seit: 27.06.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 09.08.2007 12:17
Titel
|
|
|
Wieder was gelernt. Danke Kai.
Ich habe meine Seite inzwischen ausgebaut. Mit Inhalten und weiteren Divs usw.
Und es funktioniert noch. Bin stolz wie Oskar
Als alte Tabellenanhängerin ist das schon eine krasse Umstellung. Aber ich habe noch langem Verweigern eingesehen, dass es keinen Sinn macht noch länger daran festzuhalten. Aber der Mensch ist eben ein Gewohnheitstier.
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS Anfängerin braucht Rat
farben im illustrator - anfängerin!
+++ Bitte um ScrollText Hilfe von Anfängerin +++
flashvideo mit player auf webseite - für html anfängerin
Formmailer-Problem-neues problem
Css Problem
|
|