Tue, 2010-03-16 10:51
Hi
I have a few divs that I created in my header. The problem is that they appear in a different location when viewed on different PC/browsers.
Im using absolute positioning and here is the code -
<div style="position:absolute; top:60px; left:775px; width:68px; height:22px;">
On my PC the social media icons display flush on the right side of the header, which is where I want them (see attached image). But on some other PCs they show up near the middle of the header.
Any help would be appreciated.
Tue, 2010-03-16 13:03
#1
My network blocks all image
My network blocks all image hosting sites, so i cant see the image. Can you provide a link to the webpage?
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Tue, 2010-03-16 16:29
#2
Why are you using absolute
Why are you using absolute positioning?
Tue, 2010-03-16 17:01
#3
@cupidstoejam
@cupidstoejam http://virgintees.com/
@deuce because I'm a noob at CSS haha. How should I be positioning it?
Tue, 2010-03-16 17:04
#4
Please do not use css
Please do not use css positioning until you fully understand how they behave. But to answer the question, add position: relative; to body.custom div#header. You will need to adjust it some.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Tue, 2010-03-16 17:12
#5
just to make sure I
just to make sure I understand you...positioning it relative to the header will make it look uniform on all browsers and screen resolutions? right?
Tue, 2010-03-16 17:17
#6
Why dont you go out and learn
Why dont you go out and learn how css positioning works and behaves.
http://www.w3schools.com/default.asp
has a great testing environment.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Tue, 2010-03-16 17:21
#7
excellent link. thanks!
excellent link. thanks! Looks a lot more thorough than the book I picked up.
I'm on a bit of a deadline to finish this site so is this code I should add?
body.custom div#header {position:relative;}
Tue, 2010-03-16 17:28
#8
yes, you already have
yes, you already have body.custom div#header in your css, just add position:relative; to the existing css
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Tue, 2010-03-16 17:35
#9
Ok, will give it a go and
Ok, will give it a go and report back tmrw when I have a chance to test it on other PCs. Thanks again 