position:relative und border zusammenhang

[Mike]

hi,

wenn ich ein element mit position:relative positionieren will, dann klappt das nur einheitlich in IE und FF wenn auch border angabe...
für ie8 reicht: border:0px;
für ff muss es border:1px solid ****; sein

wenn man border nicht angibt, dann ruscht das ganze nach unten. fügt man nun bottom:50px hinzu, dann schiebt sich das ganze zwar nach oben ABER dann gibt es unterschiede in der darstellung (einige pixel)

zusatzinfo:
in dem relativ positionierten element befinden sich absolut positionierte elemente.

kann mir das einer erklären??! danke

[Gunnar Bittersmann]

@@Mike:

nuqneH

kann mir das einer erklären??! danke

Vermutlich nicht. Die Tips für Fragende in der Charta erklären dir, warum.

Qapla'

[Mike]

@@Mike:

nuqneH

»» kann mir das einer erklären??! danke

Vermutlich nicht. Die Tips für Fragende in der Charta erklären dir, warum.

Qapla'

@@ Richtig Cool

-- format: danke
c: xp
vista
bin/cool/code

[suit]

@@ Richtig Cool

-- format: danke
c: xp
vista
bin/cool/code

Ich fürchte, ich kann jetzz nicht ganz folgen.

[suit]

kann mir das einer erklären??! danke

Wie Gunnar schon sagt, ist das Problem nicht nachvollziehbar.
Möglichkeiten, dieses zu beheben:
a) beschreibe dein Problem besser
b) bringe eine Beispiel

[Mike]

»» kann mir das einer erklären??! danke

Wie Gunnar schon sagt, ist das Problem nicht nachvollziehbar.
Möglichkeiten, dieses zu beheben:
a) beschreibe dein Problem besser
b) bringe eine Beispiel

Hi,

also:

der HTML Code:

---------------------------------------------------------------------------------------------------------
<ul id="kategorien">
<li><a href="http://localhost/wordpress">Home</a></li>
<li class="cat-item cat-item-1"><a href="http://localhost/wordpress/?cat=1" title="Alle unter Allgemein abgelegten Artikel ansehen">Allgemein</a>
</li>
<li class="cat-item cat-item-3"><a href="http://localhost/wordpress/?cat=3" title="Alle unter Internet abgelegten Artikel ansehen">Internet</a>
</li>
<li class="cat-item cat-item-19"><a href="http://localhost/wordpress/?cat=19" title="Alle unter Nochma abgelegten Artikel ansehen">Nochma</a>
</li>

<li class="cat-item cat-item-15"><a href="http://localhost/wordpress/?cat=15" title="Alle unter Test abgelegten Artikel ansehen">Test</a>  

</li>
<li class="cat-item cat-item-18"><a href="http://localhost/wordpress/?cat=18" title="Alle unter Testweise abgelegten Artikel ansehen">Testweise</a>
</li>
<li><a href="http://localhost/wordpress/?feed=rss2">Entries (RSS)</a></li>
<li id="suche">
<form method="get" id="searchform" action="http://localhost/wordpress/">
<div><input value="" name="s" id="s" type="text">
<input id="searchsubmit" value="" type="submit">

</div>
</form> </li>
</ul>
---------------------------------------------------------------------------------------------------------
der CCS Code:
#suche, #suche * { display:inline; }

#searchform {
position:relative;
         left:143px;
         border:1px solid black;
z-index:1;}

#searchsubmit {
position:absolute;
top:-4px;
right:0px;
width:23px;
height:23px;
border:none;
background:url(images/search_button.gif) no-repeat center;
z-index:1;}

#s {
position:absolute;
top:-2px;
right:32px;
width:80px;
         padding-top:1px;
height:17px;
border:0px;
background:#fdfdfd;
font-size:14px;}
---------------------------------------------------------------------------------------------------------
WICHTIG:
#searchform {
position:relative;
         left:143px;
         border:1px solid black;
z-index:1;}
---------------------------------------------------------------------------------------------------------

Die Darstellung ändert sich wenn man Border weglässt, und nicht nur um 2px (1px oben und einer unten) sondern um viele px 10-20px, das Element verschiebt sich komplett...

Danke

[suit]

der HTML Code:

Das ist kein vollständiges HTML

der CCS Code:

Und das schon garnicht.

Ich entnehme deinem HTML-Schnipsel, dass es sich um Wordpress handelt - ggf. liefert das CSS-File deines Themes irgendetwas mit, was sich mit deinen formatierungen schlägt.

Analysiere das Problem in einer nackten, validen HTML-Datei - diese sollte auf das Wesentliche reduziert sein.

[Mike]

»» der HTML Code:
Das ist kein vollständiges HTML

»» der CCS Code:
Und das schon garnicht.

Ich entnehme deinem HTML-Schnipsel, dass es sich um Wordpress handelt - ggf. liefert das CSS-File deines Themes irgendetwas mit, was sich mit deinen formatierungen schlägt.

Analysiere das Problem in einer nackten, validen HTML-Datei - diese sollte auf das Wesentliche reduziert sein.

Hi,

richtig und richtig :)

Alles wäre zu viel gewesen. Ich war nur neugierig, ich habe erstmal einfach border gelassen, weil das nicht schlimm ist aber merkwürdig finde ich das Ganze schon!

Gruß
Mike