zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE6 und FF Darstellungsproblem! Bug?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #21 (permalink)  
Alt 12.12.2007, 17:56
Benutzerbild von Speedy19102000
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.12.2007
Beiträge: 46
Speedy19102000 befindet sich auf einem aufstrebenden Ast
Standard

Moin Heiko!

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Außerdem braucht #mitte noch seitliche margins passend zur Breite der äußeren Spalten. Und <li class="navstylelinks">Erste Navigation</li> wird eine Überschrift, die nicht Bestandteil der Liste ist.
Habe ich gemacht! Ich hoffe, dass es so richtig ist.

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Das einzige, was aus meiner Sicht noch nicht stimmt, sind die 2px horiz. Abstand zwischen den Spalten. Gib dafür den Elementen innerhalb von #links margin-right: 2px; und für #rechts margin-left: 2px;.
Habe ich gemacht! Aber wieso werden die 2px margin left sowie right ignoriert?
Merkwürdig, da es ja noch vor dem clear ist.
Header und Footer haben die jeweiligen Abstände auch noch nicht.
Muss man da doch noch Tricks anwenden, so wie vorher, oder bekommt man es doch noch 'Sauber' hin?

Kommt man z.B um einem Ramen auf der kompletten Seite nicht herum?

Hier die aktuelle Seite
CSS:
PHP-Code:
*  {
 
margin:0padding:0font-family:VerdanaArialHelveticasans-serif;
}
body  {
 
font-size:0.8emcolor:#000; background-image: url(../bilder/bg.gif);
}
div  {
 
padding:0border:0 solid #000;
}
li  {
 list-
style:none;
}
/* ----------------- HEADER ------------------ */
div#oben  {
 
margin-bottom:2pxheight:84pxtext-align:centerbackground-color:#FBD8C5; color:#000;
}
#headerlinks  {
 
float:leftpadding:10px 20pxfont:bold 38px verdanahelveticasans-serif;
}
#headerrechts  {
 
float:rightpadding:2px 2px;
}
/* ----------------- BOX LINKS ------------------ */
div#links  {
 
float:leftmargin-right:2pxwidth:15.9embackground-color:#999; color:#000;
}
#navlinks li a  {
 
display:blockwidth:200pxborder:1px solid #E2B49A; background-color:#FBD8C5; padding-left:2px;
 
font:bold 13px verdanahelveticasans-seriftext-decoration:noneline-height:22pxcolor:#900000;
}
#navlinks li a:hover  {
 
border:1px solid #FBD8C5; color:#FBD8C5; background-color:#900000;
}
#gewaehltlinks  {
 
display:blockwidth:200pxborder:1px solid #FBD8C5; padding-left:2px;
 
font:bold 13px verdanahelveticasans-serifline-height:22pxcolor:#FBD8C5; background-color:#900000;
}
.
navstylelinks  {
 
display:blockwidth:200pxborder:1px solid #E2B49A; background-color:#C48968; padding-left:2px;
 
font:bold 13px verdanahelveticasans-serifline-height:22pxcolor:#FBD8C5;
}
/* ----------------- BOX RECHTS ------------------ */
div#rechts  {
 
float:rightmargin-left:2pxwidth:12.0embackground-color:#999; color:#000;
}
#navrechts li a  {
 
display:blockwidth:150pxborder:1px solid #E2B49A; background-color:#FBD8C5; padding-left:2px;
 
font:bold 13px verdanahelveticasans-seriftext-decoration:noneline-height:22pxcolor:#900000;
}
#navrechts li a:hover  {
 
border:1px solid #FBD8C5; color:#FBD8C5; background-color:#900000;
}
#gewaehltrechts  {
 
display:blockwidth:150pxborder:1px solid #FBD8C5; padding-left:2px; background-color:#900000;
 
font:bold 13px verdanahelveticasans-serifline-height:22pxcolor:#FBD8C5;
}
#navstylerechts  {
 
display:blockwidth:150pxborder:1px solid #E2B49A; background-color:#C48968; padding-left:2px;
 
font:bold 13px verdanahelveticasans-serifline-height:22pxcolor:#FBD8C5;
}
/* ----------------- CONTENT ------------------ */
div#mitte  {
 
margin:0 12.2em 0 16.1embackground-color:#FBD8C5; color:#000;
}
#aktuelle_seite  {
 
display:blocktext-align:centerfont:bold 14px verdanahelveticasans-serifline-height:22px;
 
color:#FBD8C5; background-color:#C48968; border:1px solid #E2B49A;
}
/* ----------------- FOOTER ------------------ */
div#unten  {
 
background-color:#FBD8C5; text-align:center; color:#000; clear:both;
}
/* ----------------- ------ ------------------ */ 
Was sind das denn auf einmal für zwei Fehler, die mir der Validator hier anzeigt?

MfG Andreas
Mit Zitat antworten
Sponsored Links
  #22 (permalink)  
Alt 13.12.2007, 00:51
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Den seitlichen 2px-margin bekommen die Elemente innerhalb der beiden äußeren Spalten. Außerdem fehlt bei allen 3 Spalten jetzt margin-bottom: 2px;.

Dein Markup-Fehler wird doch genau erklärt: "ID 'navlinks' already defined", was ist daran unklar?
Mit Zitat antworten
Sponsored Links
  #23 (permalink)  
Alt 13.12.2007, 17:48
Benutzerbild von Speedy19102000
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.12.2007
Beiträge: 46
Speedy19102000 befindet sich auf einem aufstrebenden Ast
Standard

Hallo!

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Den seitlichen 2px-margin bekommen die Elemente innerhalb der beiden äußeren Spalten.
Ich steh gerade auf dem Schlauch!
Meinst du mit innerhalb body {...}
Kannst Du mir das einmal anders erklären?
Wo soll was, wohin hinein?

CSS-Datei:
PHP-Code:
*  { 
 
margin:0padding:0font-family:VerdanaArialHelveticasans-serif

body  
 
font-size:0.8emcolor:#000; background-image: url(../bilder/bg.gif); 

div  
 
padding:0border:0 solid #000; 

li  
 list-
style:none

/* ----------------- HEADER ------------------ */ 
div#oben  { 
 
margin-bottom:2pxheight:84pxtext-align:centerbackground-color:#FBD8C5; color:#000; 

#headerlinks  { 
 
float:leftpadding:10px 20pxfont:bold 38px verdanahelveticasans-serif

#headerrechts  { 
 
float:rightpadding:2px 2px

/* ----------------- BOX LINKS ------------------ */ 
div#links  { 
 
float:leftmargin-bottom:2pxwidth:15.9embackground-color:#999; color:#000; 

#navlinks li a  { 
 
display:blockwidth:200pxborder:1px solid #E2B49A; background-color:#FBD8C5; padding-left:2px; 
 
font:bold 13px verdanahelveticasans-seriftext-decoration:noneline-height:22pxcolor:#900000; 

#navlinks li a:hover  { 
 
border:1px solid #FBD8C5; color:#FBD8C5; background-color:#900000; 

#gewaehltlinks  { 
 
display:blockwidth:200pxborder:1px solid #FBD8C5; padding-left:2px; 
 
font:bold 13px verdanahelveticasans-serifline-height:22pxcolor:#FBD8C5; background-color:#900000; 

ul#navlinks h1 { 
 
display:blockwidth:200pxborder:1px solid #E2B49A; background-color:#C48968; padding-left:2px; 
 
font:bold 13px verdanahelveticasans-serifline-height:22pxcolor:#FBD8C5; 

/* ----------------- BOX RECHTS ------------------ */ 
div#rechts  { 
 
float:rightmargin-bottom:2pxwidth:12.0embackground-color:#999; color:#000; 

#navrechts li a  { 
 
display:blockwidth:150pxborder:1px solid #E2B49A; background-color:#FBD8C5; padding-left:2px; 
 
font:bold 13px verdanahelveticasans-seriftext-decoration:noneline-height:22pxcolor:#900000; 

#navrechts li a:hover  { 
 
border:1px solid #FBD8C5; color:#FBD8C5; background-color:#900000; 

#gewaehltrechts  { 
 
display:blockwidth:150pxborder:1px solid #FBD8C5; padding-left:2px; background-color:#900000; 
 
font:bold 13px verdanahelveticasans-serifline-height:22pxcolor:#FBD8C5; 

ul#navrechts h1  { 
 
display:blockwidth:150pxborder:1px solid #E2B49A; background-color:#C48968; padding-left:2px; 
 
font:bold 13px verdanahelveticasans-serifline-height:22pxcolor:#FBD8C5; 

/* ----------------- CONTENT ------------------ */ 
div#mitte  { 
 
margin:0 12.2em 2px 16.1embackground-color:#FBD8C5; color:#000; 

#aktuelle_seite  { 
 
display:blocktext-align:centerfont:bold 14px verdanahelveticasans-serifline-height:22px
 
color:#FBD8C5; background-color:#C48968; border:1px solid #E2B49A; 

/* ----------------- FOOTER ------------------ */ 
div#unten  { 
 
background-color:#FBD8C5; text-align:center; color:#000; clear:both; 

/* ----------------- ------ ------------------ */ 
MfG Speedy

Geändert von Speedy19102000 (13.12.2007 um 18:11 Uhr) Grund: CSS-Datei Hinzugefügt
Mit Zitat antworten
  #24 (permalink)  
Alt 14.12.2007, 01:41
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Die beiden äußeren Spalten sind #links und #rechts. Die darin stehenden Elemente bekommen den seitlichen 2px-margin.
Mit Zitat antworten
  #25 (permalink)  
Alt 14.12.2007, 14:19
Benutzerbild von Speedy19102000
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.12.2007
Beiträge: 46
Speedy19102000 befindet sich auf einem aufstrebenden Ast
Standard

Moin Heiko!

Ich war ein bisschen irritiert, weil Du in Beitrag #20 meintest:
Zitat:
Zitat von heiko_rs Beitrag anzeigen
Gib dafür den Elementen innerhalb von #links margin-right: 2px; und für #rechts margin-left: 2px;.
und nicht "zu 'margin-bottom: 2px' dazu" gesagt hast!

Ok, so sehen die beiden div´s jetzt aus, ...
PHP-Code:
...
div#links  { 
 
float:leftmargin:0 2px 2px 0width:15.9embackground-color:#999; color:#000; 

...
div#rechts  { 
 
float:rightmargin:0 0 2px 2pxwidth:12.0embackground-color:#999; color:#000; 
}
... 
... aber, wie schon gesagt, wird der Abstand ignoriert, warum?

Die Links zur HP und zu den Validatoren, habe ich in meinem Signatur-Bereich eingefügt!

MfG Speedy
Mit Zitat antworten
  #26 (permalink)  
Alt 14.12.2007, 14:35
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Speedy19102000 Beitrag anzeigen
Ich war ein bisschen irritiert, weil Du in Beitrag #20 meintest:

und nicht "zu 'margin-bottom: 2px' dazu" gesagt hast!
Naja, versteht ja irgendwie von selbst, daß Du letzteren nicht löschen sollst, wenn Du vertikale Abstände haben willst.

Zitat:
Zitat von Speedy19102000 Beitrag anzeigen
wird der Abstand ignoriert, warum?
Lies nochmal den Satz, den Du eben von mir zitiert hast, vor allem das erste Wort in Fettschrift.
Mit Zitat antworten
  #27 (permalink)  
Alt 14.12.2007, 16:09
Benutzerbild von Speedy19102000
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.12.2007
Beiträge: 46
Speedy19102000 befindet sich auf einem aufstrebenden Ast
Standard

Meinst Du mit innerhalb 'inherit'
Wenn ja, wo kommt es hin?
Kommt was davor?
Habe es mit 'border:' und mit 'display.' probiert, hat nicht viel gebracht.

Was meinst Du denn damit?
Bitte etwas genauer!
Wie Du siehst, stehe ich ziemlich auf den schlauch.
Mit Zitat antworten
  #28 (permalink)  
Alt 14.12.2007, 16:28
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Was befindet sich denn innerhalb der äußeren Spalten? Weitere Elemente (z.B. ul), und die bekommen den 2px-margin (und erzeugen am besten auch border und Hintergrundfarbe etc.).
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Welcher IE6 Bug ist das? UL-Float bei LI mit "height" martinpet CSS 5 20.08.2009 10:21
Darstellungsproblem mit IE6 und CSS dunkel_licht CSS 5 30.12.2008 19:39
Darstellungsproblem Pulldown Menü IE6 zu IE7 GigiASB CSS 8 24.12.2008 01:27
Darstellungsproblem NUR im IE6 beim Online Shop thomaskay CSS 13 20.08.2008 11:32
Darstellungsproblem im IE6 kiri CSS 13 19.06.2007 19:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:14 Uhr.