CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
firefox, ie
mrneilrobinson
Permalink to comment
#
June 2009
hi there, i am working on gsm-carpentry.co.uk/index.php and having trouble aligning my header on the left column.
on ie6, it aligns how i want it, however in firefox on a mac, it is giving me an extra space at the top.
the css i am using for the column is as follows:
width:300px;
padding:0 20px;
float:left;
many thanks in advance
TheDoc
Permalink to comment
#
June 2009
It's actually not being pushed down, it's just that the h1 has top and bottom padding:
<h1 class="gsm">Welcome to GSM Carpentry</h1>
kamil
Permalink to comment
#
June 2009
Hi Friend Just try this
in your layout.css line no:50 you just modify like below which i given
h1, h2 {
color:#FFFFFF;
margin:0;
padding:0;
text-align:left;
}
kamil
Permalink to comment
#
June 2009
and u need exactly need to move that "Welcome to GSM Carpentry" caption alone just try this...
in you layout.css line no:93
h1.gsm {
font-family:Arial,Helvetica,sans-serif;
font-size:200%;
margin:0;
padding:0;
text-align:left;
}
Add a Comment
on ie6, it aligns how i want it, however in firefox on a mac, it is giving me an extra space at the top.
the css i am using for the column is as follows:
width:300px;
padding:0 20px;
float:left;
many thanks in advance
<h1 class="gsm">Welcome to GSM Carpentry</h1>
in your layout.css line no:50 you just modify like below which i given
h1, h2 {
color:#FFFFFF;
margin:0;
padding:0;
text-align:left;
}
in you layout.css line no:93
h1.gsm {
font-family:Arial,Helvetica,sans-serif;
font-size:200%;
margin:0;
padding:0;
text-align:left;
}