<a href="-online-4"></a> <a href=""></a> <a href="-online-9"></a> <a href="-online-5"></a> <a…
von:
Hi,
ich habe folgende Quelltext:
[HTML]...
<form accept-charset="utf-8" method="get" action="/suchen.html">
<input type="text" name="q" id="q" value="Suchbegriff" size="13" title="Suchbegriff hier eingeben" onblur="if(this.value=='')this.value='Suchbegriff';" onfocus="if(this.value=='Suchbegriff')this.value='';" />
<input type="submit" value="Los !" />
Wir zeigen, was Sie können.
...[/HTML]
Den hätte ich gerne mit folgendem CSS eingebunden:
[CSS]...
div#suche{position:absolute;top:6.5em;left:0;right:0;max-width:60em;min-width:35em;margin:auto;font-weight:bold;padding:.3em;background:#00a url(../pic/idealdatum.jpg) right repeat-y;color:#fff;}
#suche p,#suche form{float:right;margin:0;padding:0 0.4em;}
#suche form p{float:left;}
#suche input{background:#ccf;color:#00b;border:1px solid #44f;padding:.3em;}
...[/CSS]
Geht soweit auch fast überall. Nur beim IE7 und abwärts ist der Balken links und nicht mittig. Nun habe ich schon versucht das hasLayout ( onhavinglayout.fwpf-webdesign.de ) darauf anzuwenden oder einfach nur selfhtml bemüht:
CSS: Ausrichtung von Block-Level-Elementen
Beitrag erstellen
EinloggenKostenlos registrieren