mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 16:07 Benutzername: Passwort: Auto-Login

Thema: [CSS] Div-Problem einer Anfängerin vom 08.08.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Div-Problem einer Anfängerin
Seite: 1, 2  Weiter
Autor Nachricht
dawndevil
Threadersteller

Dabei seit: 27.06.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 08.08.2007 14:26
Titel

[CSS] Div-Problem einer Anfängerin

Antworten mit Zitat Zum Seitenanfang

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. <-- Schuld!

Hat jemand eine Lösung für mich bitte? Menno!
  View user's profile Private Nachricht senden
phoelynx

Dabei seit: 29.07.2007
Ort: Mannheim
Alter: -
Geschlecht: Männlich
Verfasst Mi 08.08.2007 14:40
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel ):

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 *zwinker*

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 &nbsp; schon helfen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
dawndevil
Threadersteller

Dabei seit: 27.06.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 08.08.2007 15:03
Titel

Antworten mit Zitat Zum Seitenanfang

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. Ooops

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? * Ich geb auf... *
  View user's profile Private Nachricht senden
phoelynx

Dabei seit: 29.07.2007
Ort: Mannheim
Alter: -
Geschlecht: Männlich
Verfasst Mi 08.08.2007 15:23
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 08.08.2007 20:50
Titel

Antworten mit Zitat Zum Seitenanfang

Schau dir mal das Boxmodell vom IE an. Ich denke da liegt das Problem, er berechnet das ganze anders.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dawndevil
Threadersteller

Dabei seit: 27.06.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Do 09.08.2007 10:20
Titel

Antworten mit Zitat Zum Seitenanfang

* Ich bin unwürdig *

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 * Ja, ja, ja... *
  View user's profile Private Nachricht senden
Kai.S

Dabei seit: 20.12.2005
Ort: München
Alter: 41
Geschlecht: Männlich
Verfasst Do 09.08.2007 10:49
Titel

Antworten mit Zitat Zum Seitenanfang

@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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
dawndevil
Threadersteller

Dabei seit: 27.06.2003
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Do 09.08.2007 12:17
Titel

Antworten mit Zitat Zum Seitenanfang

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 * huduwudu! *

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.
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.