First post so apologies if I make an error in the post.
I've tried to layout a page in css (first time) and I'm getting white space underneath my footer (about 150px worth of white space), and I don't know how to remove it.
You can see the html here:
And there is a link on there to the css file aswell.
What I've done so far:
I'm a beginner in CSS and I've got my page incorrectly displayed in IE6.
IE7/8 and Firefox are OK.
The URL of the site is http://www.chieforiginals.com.
Any help is appreciated.
I have made a couple Divs that are absolutely positioned in the header.
How can I style the text links in them?
Site - http://virgintees.com/
Here's the code I have so far -
<div style="position:absolute; top:57px; left:718px; width:85px; height:28px; padding:7px; color: #fff; font-size:26px; background-color:#ED303C; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; "> Twitter </div>
I have managed to mould most of this site to work in IE6, but I just added a newsletter form to the top right.
Looks OK in all browser, and is correct in IE6.
The problem is, is it is pushing the line of villa names below down some 20 pixels, next to any other browser.
Can anyone shed any light on what it is that is causing it?
Thanks in advance.
I am trying to do a fanpage on Facebook without any java and keep it FBML-compatible (i.e. a number of HTML tags are not allowed). I am a newbe but I have tried all resources I could find before asking here. Hope you can help me. Will csscreator.com be my new home?
What I am basically trying to do is a layout with, from top to bottom
1. Header (full width)
2. Image for padding (full width)
3. Navigation column + main area
4. Image for padding (full width)
5. Three clickable images