|
|||
![]()
hi leute!
ich hab mich mal über xhtml und css gewagt... jetzt bräuchte ich jedoch kurz eure hilfe bzw anregung... 1) ich würde gerne in der mitte rechts neben dem content-div noch gerne ein menü-div basteln, aber irgendwie will das nicht so ganz... (der content-div soll in der breite her variabel sein und der menü-div eine fixe breite haben - irgendwie bringe ich das nämlich nicht ordentlich hin! *schande*versteck*hilfe*) 2) was haltet ihr sonst so von meinem code? xhtml-valid ist er... aber sonst? gibts verbesserungsvorschläge von euch? Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>parental advisory</title> <style type="text/css"> * { margin:0px; padding:0px; } html, body { height:100%; overflow:hidden; } body { background-color:#000000; text-align:center; /* horizontal centering for IE Win quirks */ } #distance { width:1px; height:50%; margin-bottom:-326px; /* half of container's height */ background-color:#000000; } #container { width:100%; height:300px; margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; } #content { height:100%; margin-left:245px; overflow:auto; } </style> <style type="text/css">@import("iemac-center.css");</style> </head> <body> <div id="distance"></div> <div style="padding:170px 0 0 0; background-image:url(./images/parental.png); background-repeat:no-repeat; background-position:center;"></div> <div style="width:100%; height:312px; background-color:#ffffff;"> <div style="width:100%; height:312px; background-image:url(./images/girl.png); background-repeat:no-repeat;"> <div style="padding:6px 0 0 0; background-image:url(./images/boarder_top.gif);"></div> <div id="container"> <div id="content"> Lorem ipsum ...</p></div> </div> <div style="padding:6px 0 0 0; background-image:url(./images/boarder_bottom.gif);"></div> </div> </div> <div style="padding:170px 0 0 0; background-image:url(./images/advisory.png); background-repeat:no-repeat; background-position:center;"></div> </body> </html> http://flowsworld.com/xhtml/index.htm sollte jemand fragen zum code haben, einfach hier fragen oder sonst einfach ein email schicken... besten dank für eure hilfe! mfg flow |
Sponsored Links |
![]() |
Themen-Optionen | |
Ansicht | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Anregung bzw. Kritik gefragt | Manfred62 | Site- und Layoutcheck | 10 | 17.08.2010 19:23 |
Hilfe beim Aufbau! | Jenny² | (X)HTML | 1 | 25.08.2008 22:30 |
Welcher HTML - Code ersetzt das "einfache" Anführungszeichen bzw. den Apostroph? | braindead | (X)HTML | 3 | 07.05.2007 11:26 |
Frage bzw. Hilfe zu Datenbankstruktur in einer Normalform | human | Serveradministration und serverseitige Scripte | 6 | 11.01.2007 21:08 |
Fixierter Hintergrund-Kein Code funktioniert bei mir!! Hilfe | Triforce | CSS | 4 | 16.12.2004 13:44 |