philosapiens
Avatar philosapiens
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]...


<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 !" />


</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

    Das Seitenreport Forum hat aktuell 5275 Themen und 36110 Beiträge.
    Insgesamt sind 48360 Mitglieder registriert.