www.webdeveloper.com
Results 1 to 2 of 2

Thread: Firefox css display issue / fixed by reload

Hybrid View

  1. #1
    Join Date
    Aug 2007
    Location
    Germany, NRW
    Posts
    76

    Question Firefox css display issue / fixed by reload

    Hi,

    my form gets nearly pushed out to the right of my website the first time i load the page. If i reload the page it jumps back in place.

    Happens in firefox 3,2 the others are fine...

    Anybody knows something about this wierd behavoir? Has this a name, something to search for? How do i fix this?
    Any help is welcome.


    Greets

    Jens

    html
    HTML Code:
    <div id="mail_form">
    	<p>Hier Kontakt Text: - Wir freuen uns über ihr Feedback - Was halten sie vom Projekt - Was denken Sie über den Internet auftritt -Vorschläge und Verbesserungen.. Lorem Ipsum Dolor Siamet Lorem Ipsum Dolor Siamet Lorem Ipsum Dolor Siamet</p>
    	<form action="index.php?id=55" id="mailform" enctype="multipart/form-data" method="post">
    	<div class="invisible">
    		<input type="hidden" name="html_enabled" id="mailformhtml_enabled" value="" />
    		<input type="hidden" name="subject" id="mailformsubject" value="[lorem Ipsum] Nachricht über das Webformular" />
    		<input type="hidden" name="locationData" value="55:tt_content:113" />
    	</div>
    	<div>
    		<div>
    			<label for="name">Name</label>
    			<input id="name" type="text" name="Name" size="5" value="wenn Sie ihn uns mitteilen möchten" /><br />
    		</div>
    		<div>
    			<label for="mail">E-Mail</label>
    			<input id="mail" type="text" name="mail" size="5" value="wenn Sie Antwort erhalten möchten" /><br />
    		</div>
    		<div>
    			<label for="topic">Thema</label>
    			<input id="topic" type="text" name="Thema" size="5" value="Wie lautet ihr Anliegen?" /><br />
    		</div>
    		<textarea id="nachricht" name="Nachricht" cols="50" rows="10">Fügen Sie hier bitte Ihre Nachricht ein.</textarea>
    		<div id="submit"><input type="submit" value="Abschicken" /></div>
    	</div>
               </form>
    css
    Code:
    DIV#contact DIV.c75r DIV#form_container DIV {  margin-bottom: 10px; clear: both; }
    DIV#contact DIV.c75r Label, DIV#contact DIV.c75r INPUT { display: block; float: left }
    DIV#contact DIV.c75r INPUT { border: none; width: 208px; }
    DIV#contact DIV.c75r Label { width: 47px }
    DIV#contact DIV.c75r BR { clear: left }
    DIV#contact DIV.c75r TEXTAREA { height: 20em; width: 23.1em; border: 0.47em solid }
    DIV#contact DIV.c75r DIV#submit { margin: 0 auto; width: 85px }
    DIV#contact DIV.c75r DIV#submit INPUT { width: auto }
    DIV#contact DIV.c75r DIV#send_sucessful { border: 5px solid; padding: 2px 4px; }
    Last edited by jens1701; 12-08-2008 at 04:19 AM.

  2. #2
    Join Date
    Dec 2005
    Posts
    2,984
    Do you have a link to your page perhaps? My bet would be that this problem isn't isolated to the code that you think it is, and it instead has to do with another element on the page that gets loaded (maybe after the page loads) and affects the way the page looks. But once the page is cached (on refresh) then everything is fine.....that's just what I'm thinking. A link to the page would be ideal, if you have one.
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles