Darstellungsproblem innerhalb eines divs zw. IE und FF

Rutor · 05.03.2011, 14:48

Hallo,

habe folgenden DIV-Tag:

PHP-Code:

 
<div id="suche">

 
<form method="GET" action="index.php"  accept-charset="iso-8859-1">

<input type="hidden" name="check" value="1">

<input type="hidden" name="k1" value=<? echo $k1; ?>>

<input type="hidden" name="k2" value=<? echo $k2; ?>>

 
<p class='font1' style='color:white;'>

<input class="defbreite2" type='text' maxlength="100" name='suche' value='

<?

if($suche != ""){

echo $suche;}else{echo "Suchwort";}

?>'>

<input type='image' style='position:absolute;' src='grafik/login.png' width='25' height='25' name='submit' alt='Login' />

</form>

 
</div>

Der CSS-Code

PHP-Code:

  #suche{

  width:156px;

  height:40px;

  padding:8px;

  position:absolute; top:10px; left:20px;

  border:solid 1px #808080;

  background-image:url(../grafik/bg_art.png);

  background-repeat:no-repeat;

  background-position:bottom;

}

Mein Probelm nun:

Im IE wird der Form-Tag oben im Div angezeigt und im FF unten im Div - ich hätte ihn aber lieben bei beiden an der selben Position?!

Hat jemand Rat?

nikosch · 05.03.2011, 15:09

Lies mal das Box model nach. Mehr kann man nicht sagen, denn die Positionierung des divs hat nicht viel mit dem Problem zu tun.

[MOD: Verschoben]

Rutor · 05.03.2011, 15:21

Zitat:

Zitat von nikosch

Lies mal das Box model nach. Mehr kann man nicht sagen, denn die Positionierung des divs hat nicht viel mit dem Problem zu tun.

[MOD: Verschoben]

Finde da keinen Ansatzpunkt woran es liegen könnte?!

nikosch · 05.03.2011, 15:23

Ach komm..!

Rutor · 05.03.2011, 15:38

Ehrlich habe ich mir das falsche angeschaut oder wie? Habe was gelesen von float und positionnieren bzw. reihenfolgen aber irgendwie finde ich da keinen Ansatzpunkt weil weder float noch reihenfolge infrage kommen kann. Immerhin handelt es sich ja um einen Form-Tag innerhalb des Div-Tags der sich anders positioniert?!

nikosch · 05.03.2011, 15:43

http://de.selfhtml.org/css/formate/box_modell.htm#

ChrisB · 05.03.2011, 16:19

Ich glaube, du möchtest einfach nur die Default-margins des Form-Elements eliminieren.

Rutor · 05.03.2011, 16:52

Zitat:

Zitat von nikosch

http://de.selfhtml.org/css/formate/box_modell.htm#

Ok habe das Padding entfernt.

Nun ist es im IE ganz oben am Rand aber im FF ist oben noch ein Abstand und ich verstehe nicht wieso. Habe auch andere Codierungen probiert aber nichts hat geholfen?!

Rutor · 05.03.2011, 17:18

Zitat:

Zitat von ChrisB

Ich glaube, du möchtest einfach nur die Default-margins des Form-Elements eliminieren.

Ja genau aber wie mache ich das?

ChrisB · 05.03.2011, 17:41

In dem du die Werte explizit auf 0 setzt ...?

Lerne bitte Grundlagen von CSS, wenn dir das alles so wenig sagt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
include innerhalb von return Funktion	Happykeppi	PHP Tipps 2010	9	04.05.2010 21:53
[Erledigt] CSS-Problem: div mit float innerhalb eines anderen divs soll diesen aufspa	LeChuck	HTML, Usability und Barrierefreiheit	2	03.07.2009 18:29
ausrichtung von divs in divs geht nur im IE	litterauspirna	HTML, Usability und Barrierefreiheit	5	14.10.2008 14:58
[Erledigt] Divs nebeneinander richtig positionieren das sie nicht verschoben werden	litterauspirna	HTML, Usability und Barrierefreiheit	12	09.10.2008 09:04
[Erledigt] Darstellungsproblem mit ersten DIV innerhalb eines Includes	knulli	PHP Tipps 2006	8	13.08.2008 18:47
2 Div's zentrieren	pfump	HTML, Usability und Barrierefreiheit	7	24.04.2008 10:57
[CSS] Darstellungsproblem von DIVs	Sirke	HTML, Usability und Barrierefreiheit	1	25.01.2008 23:00
Formular mit DIVs	Aris Sung	HTML, Usability und Barrierefreiheit	2	25.11.2007 14:09
Dynamisches Container-Div für floating Divs	HStev	HTML, Usability und Barrierefreiheit	1	14.09.2007 12:39
DIV's untereinander -> Problem	snatch-ic	HTML, Usability und Barrierefreiheit	1	05.02.2007 12:39
3 divs nebeneinander mit dynamisch gleicher Höhe		HTML, Usability und Barrierefreiheit	19	18.01.2006 22:05
DIVs nebeneinander	freitz	HTML, Usability und Barrierefreiheit	4	21.04.2005 22:47
Mausposition innerhalb eines Elementes	Buhmann	HTML, Usability und Barrierefreiheit	1	20.01.2005 16:58
[Erledigt] drei divs nebeneinander		HTML, Usability und Barrierefreiheit	5	10.01.2005 20:27
mehrere gleichnamige DIVs möglich?		HTML, Usability und Barrierefreiheit	6	26.08.2004 11:56

05.03.2011, 14:48
Rutor Erfahrener Benutzer Registriert seit: 30.12.2009 Beiträge: 451 PHP-Kenntnisse: Anfänger	Darstellungsproblem innerhalb eines divs zw. IE und FF Hallo, habe folgenden DIV-Tag: PHP-Code: <div id="suche"> <form method="GET" action="index.php" accept-charset="iso-8859-1"> <input type="hidden" name="check" value="1"> <input type="hidden" name="k1" value=<? echo $k1; ?>> <input type="hidden" name="k2" value=<? echo $k2; ?>> <p class='font1' style='color:white;'> <input class="defbreite2" type='text' maxlength="100" name='suche' value=' <? if($suche != ""){ echo $suche;}else{echo "Suchwort";} ?>'> <input type='image' style='position:absolute;' src='grafik/login.png' width='25' height='25' name='submit' alt='Login' /> </form> </div> Der CSS-Code PHP-Code: `#suche{ width:156px; height:40px; padding:8px; position:absolute; top:10px; left:20px; border:solid 1px #808080; background-image:url(../grafik/bg_art.png); background-repeat:no-repeat; background-position:bottom; }` Mein Probelm nun: Im IE wird der Form-Tag oben im Div angezeigt und im FF unten im Div - ich hätte ihn aber lieben bei beiden an der selben Position?! Hat jemand Rat?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.03.2011, 15:09
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Lies mal das Box model nach. Mehr kann man nicht sagen, denn die Positionierung des divs hat nicht viel mit dem Problem zu tun. [MOD: Verschoben] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

05.03.2011, 15:23
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ach komm..! __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

05.03.2011, 15:38
Rutor Erfahrener Benutzer Registriert seit: 30.12.2009 Beiträge: 451 PHP-Kenntnisse: Anfänger	Ehrlich habe ich mir das falsche angeschaut oder wie? Habe was gelesen von float und positionnieren bzw. reihenfolgen aber irgendwie finde ich da keinen Ansatzpunkt weil weder float noch reihenfolge infrage kommen kann. Immerhin handelt es sich ja um einen Form-Tag innerhalb des Div-Tags der sich anders positioniert?!

05.03.2011, 15:43
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	http://de.selfhtml.org/css/formate/box_modell.htm# __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

05.03.2011, 16:19
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Ich glaube, du möchtest einfach nur die Default-margins des Form-Elements eliminieren. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

05.03.2011, 17:41
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	In dem du die Werte explizit auf 0 setzt ...? Lerne bitte Grundlagen von CSS, wenn dir das alles so wenig sagt. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?