Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

weenterbear

macrumors newbie
Original poster
Jan 27, 2012
8
0
http://www.rtbdesignservices.com/mcguire.html

The text based menu appears at the very top of the page while loading, then it goes to its designated position. It seems to happen only for the first time to load the web page, but I'd like to know what went wrong. Could someone please help me find out? Thank you in advance.
 

Apple Key

macrumors 6502a
Jan 4, 2012
561
0
I'm not entirely sure why it's happening. The negative positioning on the #menu and #link is odd. I would recommend using two divs - one float: left and one float: right (or two that are display: inline-block).

But, my best guess is because the images under #menu haven't been downloaded from the server yet and the image widths and heights weren't explicitly defined. Try defining the width and height as so:

<img src="img/projects.png" width="70" height="20" alt="RTB design">
 

weenterbear

macrumors newbie
Original poster
Jan 27, 2012
8
0
Thanks for your suggestion.
Defining the image size didn't help. The dislocation still occurs (sometimes, not).

Maybe I have to try something about the divs as you mentioned.
 

weenterbear

macrumors newbie
Original poster
Jan 27, 2012
8
0
I should thank you, Apple Key. I found other IDs whose width and height weren't set and defined them. It worked.
 

yuranga

macrumors newbie
Jan 27, 2012
6
0
Australia
The text based menu appears at the very top of the page while loading, then it goes to its designated position.
Also you can check it in safari also.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.