Themenersteller
webdesigner
Fortgeschrittener (52 Beiträge)

position:absolute; mittig, float und IE - Hilfe!

am 05.10.2010, 08:47 Uhr eröffnete philosapiens folgenden Thread
HTML5 & CSS 2200 mal gelesen 0 Antwort(en).

Hi,

ich habe folgende Quelltext:

[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='';" />

</form>

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

Leider bekomme ich es nicht gebacken. Habt Ihr Ideen, wie ich das hinbekommen könnte? :oops:

Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden.

Hier mein Versuch der Webseitenerstellung: http://idealseiten.de

« zurück zu: HTML5 & CSS

Forum RSS Feed abonnieren

Das Seitenreport Forum hat aktuell 5277 Themen und 36113 Beiträge.
Insgesamt sind 48388 Mitglieder registriert.

position:absolute; mittig, float und IE - Hilfe!

Beitrag verfassen

Thema erstellen

Beitrag erstellen