zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div im IE zu hoch

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.07.2007, 00:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2007
Beiträge: 17
RancoR befindet sich auf einem aufstrebenden Ast
Cool Div im IE zu hoch

Hallo zusammen

Bei mir werden niedrige Div-Container im IE zu hoch angezeigt, braucht der noch irgend ne eigenschaft im Css zusätzlich, im FF gehts nämlich wunderbar.
In diesem Fall sinds wie man leicht sehn kann die oberen und unteren Ränder der Menüs und des Contentbereichs, sollte beides nur 6px hoch sein.
Just-Stuff.de :: Fun - Games - Tools & more...

Code:
	.menutop {
	 margin:0%;
	 padding:0%;
	 height:6px;
	 background-image:url(http://www.just-stuff.de/v2/layout/menu_oben.jpg);
	}

	div#contenttop {
	 margin:0%;
	 padding:0%;
	 height:6px;
	 width:100%px;
	 background-image:url(http://www.just-stuff.de/v2/layout/contenttop.jpg);
	}
Die Divs haben natürlich sonst keinen Inhalt...

mfg RancoR
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.07.2007, 00:36
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
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

font-size: 0;, sonst dehnt der IE das Element aus, bis Text hineinpassen würde. Leere Elemente zum Unterbringen von Deko-Grafiken sind allerdings sehr unschön.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.07.2007, 00:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2007
Beiträge: 17
RancoR befindet sich auf einem aufstrebenden Ast
Standard

thx, funktioniert super!

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Leere Elemente zum Unterbringen von Deko-Grafiken sind allerdings sehr unschön.
Was genau meinst du damit? Und was macht man stattdessen?
Mit Zitat antworten
  #4 (permalink)  
Alt 09.07.2007, 00:53
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Ach, die Seite kenne ich doch.
Das mit dem Footer Stick Alt schon aufgegeben? Nette Idee mit den Farben in den verschiedenen bereichen, aber die Deko Grafiken der Links solltest Du vielleicht in der CSS unterbringen.
Im übrigen müssen in XHTML alle Elemente einen Schluss haben. Sprich:
Code:
<meta name="description" content="Meine Seite" />
Im übrigen, validier mal dein Dokument.
Zitat:
line 7 column 112 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 7 - Info: start tag was here
line 8 column 378 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 8 - Info: start tag was here
line 9 column 43 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 9 - Info: start tag was here
line 10 column 50 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 10 - Info: start tag was here
line 11 column 53 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 11 - Info: start tag was here
line 12 column 53 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 12 - Info: start tag was here
line 13 column 39 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 13 - Info: start tag was here
line 14 column 43 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 14 - Info: start tag was here
line 15 column 37 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 15 - Info: start tag was here
line 16 column 45 - Error: end tag for "meta" omitted, but OMITTAG NO was specified
line 16 - Info: start tag was here
line 40 column 107 - Error: required attribute "alt" not specified
line 41 column 107 - Error: required attribute "alt" not specified
line 42 column 107 - Error: required attribute "alt" not specified
line 43 column 107 - Error: required attribute "alt" not specified
line 44 column 107 - Error: required attribute "alt" not specified
line 45 column 107 - Error: required attribute "alt" not specified
line 46 column 107 - Error: required attribute "alt" not specified
line 47 column 107 - Error: required attribute "alt" not specified
line 52 column 107 - Error: required attribute "alt" not specified
line 53 column 107 - Error: required attribute "alt" not specified
line 54 column 107 - Error: required attribute "alt" not specified
line 55 column 107 - Error: required attribute "alt" not specified
line 56 column 107 - Error: required attribute "alt" not specified
line 61 column 103 - Error: required attribute "alt" not specified
line 62 column 103 - Error: required attribute "alt" not specified
line 63 column 103 - Error: required attribute "alt" not specified
line 64 column 103 - Error: required attribute "alt" not specified
line 65 column 103 - Error: required attribute "alt" not specified
line 66 column 103 - Error: required attribute "alt" not specified
line 70 column 97 - Error: required attribute "alt" not specified
line 71 column 97 - Error: required attribute "alt" not specified
line 72 column 97 - Error: required attribute "alt" not specified
line 73 column 97 - Error: required attribute "alt" not specified
line 78 column 97 - Error: required attribute "alt" not specified
line 79 column 97 - Error: required attribute "alt" not specified
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
  #5 (permalink)  
Alt 09.07.2007, 01:03
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
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 RancoR Beitrag anzeigen
Was genau meinst du damit? Und was macht man stattdessen?
Benutze Elemente, die eh vorhanden sind (da sie auch einen Inhalt haben).
Mit Zitat antworten
  #6 (permalink)  
Alt 09.07.2007, 01:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2007
Beiträge: 17
RancoR befindet sich auf einem aufstrebenden Ast
Standard

ja, ich hab jetzt einfach die gleiche hintergrundfarbe für die page wie die vom footer genommen. und für den weissen teil einfach n div mit 100& und weissem back des sich mitvergrößert

validiern muss ich natürlich noch, metatags hab ich mit nem generator gemacht, is ja blöd das der des automatisch falsch/unvollständig macht...

und wie genau mach ich des mit der vorschaugrafik in der css, wär ja auf jedenfall praktischer...
Mit Zitat antworten
  #7 (permalink)  
Alt 09.07.2007, 01:13
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von RancoR Beitrag anzeigen
und wie genau mach ich des mit der vorschaugrafik in der css, wär ja auf jedenfall praktischer...
Grafik bei den Links? Den Hyperlinks die Grafik einfach zuweisen. Da Navigationen eh in Listen gehören, kannst Du für jeden bereich eine einzelne Liste mit einer ID anlegen und per Nachfahrenselektor in der CSS ansprechen.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
  #8 (permalink)  
Alt 09.07.2007, 01:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2007
Beiträge: 17
RancoR befindet sich auf einem aufstrebenden Ast
Standard


*bahnhof*


Hier mal mein css-Code der Links, vllt. könnt ihr mir ja konkret sagen wie ichs besser machen kann...

Code:
	div.menu-links a:link, div.menu-links a:visited {
	font-size:12px;
	text-decoration:none;
	color:#000000;
	display:block;
	padding: 0px 0px 0px 5px; 
	}
	div.menu-links a:active, div.menu-links a:hover {
	font-size:12px;
	text-decoration:none;
	color:#000000;
	background-color:#fde2ae;
	}

	div.menu-links-tools a:link, div.menu-links-tools a:visited  {
	font-size:12px;
	text-decoration:none;
	color:#000000;
	display:block;
	padding: 0px 0px 0px 5px; 
	}
	div.menu-links-tools a:active, div.menu-links-tools a:hover {
	font-size:12px;
	text-decoration:none;
	color:#000000;
	background-color:#afd0fd;
	}


	div.menu-links-games a:link,div.menu-links-games a:visited {
	font-size:12px;
	text-decoration:none;
	color:#000000;
	display:block;
	padding: 0px 0px 0px 5px; 
	}

	div.menu-links-games a:active,div.menu-links-games a:hover {
	font-size:12px;
	text-decoration:none;
	color:#000000;
	background-color:#c4fdae;
	}
		div.menu-links-fun a:link,div.menu-links-fun a:visited {
	font-size:12px;
	text-decoration:none;
	color:#000000;
	display:block;
	padding: 0px 0px 0px 5px; 
	}
	div.menu-links-fun a:active,div.menu-links-fun a:hover {
	font-size:12px;
	text-decoration:none;
	color:#000000;
	background-color:#fcb1ae;
	}
Mit Zitat antworten
  #9 (permalink)  
Alt 09.07.2007, 02:01
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.844
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Navigationen sollte man am besten in einer ungeordneten Liste verschachteln.
Code:
<div id="navigationen">
<ul id="nav_rot">
   <li><a href="#">Link mit roten bullet</a></li>
   <li><a href="#">Ein weiterer Link mit rotem Bullet</a></li>
</ul>
<ul id="nav_blau">
   <li><a href="#">Link mit blauem bullet</a></li>
   <li><a href="#">Ein weiterer Link mit blauem Bullet</a></li>
</ul>
</div>
Code:
div#navigationen ul {
   margin:0;
   padding:0; /* Diese Angaben sind bei einem CSS Prolog unnötig, aber bevor es nacher wieder heißt 'Dein Code ist Müll ... */
}
div#navigationen ul li {
   padding-left:<breite der Grafik>px;
   background-repeat:no-repeat;
   background-position:0 0; /* Oder top left */
}
div#navigationen ul#nav_rot li {
   background-image:url('<rote bullte grafik>.Endung');
}
/* usw */
Ein Beispiel, sicherlich nicht das beste. Ich habe extra lange Namen verwendet und keine CSS Kurzformen um es klar zu machen, bevor tausend anderer Fragen kommen. Der Code ist auch nicht zum stumpf kopieren gedacht.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 09.07.2007, 23:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2007
Beiträge: 17
RancoR befindet sich auf einem aufstrebenden Ast
Standard

aber wie kann ich jetzt die eingentlichen link-eigenschaften den li-elementen zuweisen?
Mit Zitat antworten
Sponsored Links
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
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:30 Uhr.