Autor |
Nachricht |
artis
Threadersteller
Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht:
|
Verfasst Sa 18.08.2007 19:57
Titel
|
|
|
So hab das ganze jetzt bissl umgesetzt schaut in allen browsern bis jetzt gleich aus
xhtml:
Code: | <div id="page">
<div id="mainSide">
<ul id="userMenu">
<li id="register"><a href="#">Registrieren</a></li>
<li id="members"><a href="#">Mitglieder</a></li>
<li id="help"><a href="#">Hilfe</a></li>
<li id="imprint"><a href="#">Impressum</a></li>
</ul>
<!-- clear-float -->
<span class="clearfix" id="ie_clearing"></span>
<h1 id="fuLogo"><a href="#">wbbfactory - some kind of innovation</a></h1>
MAIIIIN<br /><br /><br /><br /><br /><br /><br /><br />
</div>
<div id="SideBar">
SideBar
</div>
</div> |
CSS:
Code: | body { background: #d2e3b1 url(./images/body.gif) repeat-x top; }
#page { margin: 0 0 0 23px; position: relative; width: 90%; text-align: left; }
#mainSide {
background: url(images/leftSideBg.jpg) repeat-x top;
padding: 0;
border: none;
margin: 0;
width: 761px;
float: left;
}
#sideBar {
padding: 3em 0 0 2em;
border: none;
margin: 0;
width: 208px;
float: left;
}
/* userMenu | mainSide */
#userMenu { margin: 0; padding: 9px 0 0 356px; }
#userMenu ul li { list-style-type: none; }
#userMenu li {text-indent: -2000px; width: 120px; list-style: none; text-align: center; display: inline; }
#userMenu li a { display: inline; width: 84px; text-decoration: none; float: left; }
#userMenu li#register a { background: url(./images/navRegister.png) 0 0 no-repeat; }
#userMenu li#members a { background: url(./images/navMembers.png) 0 0 no-repeat; }
#userMenu li#help a { background: url(./images/navHelp.png) 0 0 no-repeat; }
#userMenu li#imprint a { background: url(./images/navImprint.png) 0 0 no-repeat; }
#fuLogo { text-indent: -2000px; padding: 9px 0 0 45px; }
#fuLogo a { display: block; width: 269px; height: 61px; text-decoration: none; background: url(./images/wbbfactory-logo.png) 0 0 no-repeat; } |
Denkst du das ist bis jetzt ok so?
Wie soll ich die seachbox am besten machen? Könnte unter <h1> nen div mit float reintun->wäre das optimal?
Edit:
Wie kann ich mit ie6 transparente Bilder darstellen?!^^
Zuletzt bearbeitet von artis am Sa 18.08.2007 19:58, insgesamt 1-mal bearbeitet
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
artis
Threadersteller
Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht:
|
Verfasst Sa 18.08.2007 20:22
Titel
|
|
|
Danke hab jetzt unter h1 nen nen div für die searchbox gemacht aber irendwie lasst sich das nicht von padding-top beeinflusen!?
Kannst es hier betrachten Klick Mich!
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Sa 18.08.2007 21:12
Titel
|
|
|
artis hat geschrieben: |
Danke hab jetzt unter h1 nen nen div für die searchbox gemacht aber irendwie lasst sich das nicht von padding-top beeinflusen!?
|
Müsste normal klappen, padding = Innenabstand, haste testweise aach Inhalt eingefügt?
|
|
|
|
|
artis
Threadersteller
Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht:
|
Verfasst So 19.08.2007 00:22
Titel
|
|
|
So habs mit margin gelöst
Also das ganze passt bis jetzt da halbwegs nur ie6 sucht etwas herum irgendwie stimmen da die padding angaben nicht. Wie kann ich das beheben?
Edit:
ok hab das so hinbekommen
Code: | #sideBar ul {background: url(./images/sideBarBg.png) no-repeat top; padding: 0 0 2.4em 0; margin: 0px;}
* html #sideBar ul { padding: 0 0 3.5em 0; } |
Zuletzt bearbeitet von artis am So 19.08.2007 00:34, insgesamt 1-mal bearbeitet
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst So 19.08.2007 10:56
Titel
|
|
|
artis hat geschrieben: |
* html #sideBar ul { padding: 0 0 3.5em 0; }[/code] |
Bei dem Star-Hack musst du aber noch beachten, dass der IE7 den auch kennt, der aber im Bereich der Bugs gegenüber dem IE6 viel besser ist, aber wenns dort auch klappt, dann passt es
|
|
|
|
|
artis
Threadersteller
Dabei seit: 18.10.2006
Ort: Wien
Alter: 35
Geschlecht:
|
Verfasst So 19.08.2007 11:09
Titel
|
|
|
Jep das klappt wunderbar Hab da jetzt ein echt tolles Problem mim ie6
Wenn du On bist kann ich dir nen Link schicken (lokal), kannst du dir da mal den Quelltext angucken und mir sagen was ich falsch hab :/
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst So 19.08.2007 11:13
Titel
|
|
|
bin da, kannst ja per PN machen
|
|
|
|
|
|
|
|
Ähnliche Themen |
Abstand zwischen 2 <UL> Elemente verkleinern
Horizontale ul-Navi
Horizontale Scrolleiste im IE
CSS: Horizontale Linie unendlich
Horizontale Navigation mit CSS und DIV layern
JQuery: Horizontale Scrollbar
|
|