Tweet
I am fairly new to this, I have a good grasp on HTML and CSS coding however I am making my first real website(by real I mean for a big company, I've made a few for classes and myself, etc.). I am using style sheets for my webpage, I set up a header, top nav, three columns and a footer. I have an image slider on my homepage in the center column, however whenever I shrink the browsers width below a certain point, the image slider seems to get pushed out of the center column and messes up the layout of the entire site. Unfortunately I cannot put too much code up here b/c I am under an NDA, I will look through some of my code to see if I can throw anything up here to help you out(I know seeing the code and a live website helps a lot more). If anyone has any suggestions to help me out that would be great. Also I know the browser can affect it, I am using Safari and I am currently installing some other browsers to see if I get the same problem.
Here is the code for my CSS
Happy Coding,
Pete
Here is the code for my CSS
Code:
@charset "UTF-8";
*{
margin:0px auto;
padding:0px auto;
}
#wrapper{
}
#header{
background-image:url(waterdrops.jpg);
height:80px;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
text-align:center;
}
#topnav{
height:40px;
background-color:#FFF;
text-align:center;
margin:auto;
}
#topnav ul{
list-style-type:none;
text-align:center;
color:#FFF;
}
#topnav ul li{
width:80px;
float:left;
text-decoration: none;
}
#typenav ul li a{
font-family:verdana, arial;
text-decoration:none;
display:block;
background-color:#F03;
text-align:center;
}
#content-wrapper{
}
#leftnav{
float:left;
width:100px;
height:700px;
text-align:center;
color:#FFF;
background-image:url(waterdrops.jpg);
}
#right{
float:right;
background-image:url(waterdrops.jpg);
width:100px;
height:700px;
text-align:center;
color:#FFF;
}
#content{
text-align:center;
background-color:#B0B0B0;
height:700px;
margin-left:100px;
margin-right:100px;
color:#FFF;
}
#footer{
clear:both;
background-color:#FFF;
height:20px;
text-align:center;
}
Happy Coding,
Pete
Comment