16 replies to this topic

[Josh.]

At school at the moment and cant get a screen shot of my problem so heres a link:

Site

In IE 6 the right content box shows below the adverts and it needs to start at the top

I will post later with a screen shot

Any help would be apreciated

Edited by Josh., 02 March 2007 - 09:25 AM.

[Brandonador]

My suggestion is try cleaning up the HTML and or CSS with the W3.org code validator. You can go to that by clicking, here. This will help the overall look of your page, and help with code problems and fixes to look good in other browsers as well. The validator for CSS is here, also. If you need anymore help, don't hesitate to ask. Good luck!

Brandon

[Jacorre]

It's probably because the margin/padding settings don't equal the overall width of the site, which causes that section to go under. Play around with the margin/padding on your left and right sections and get it to fit within the overall width.

[Josh.]

Ive fixed my CSS so its valid and im going to play about with the padding now

I have no real clue when it comes to CSS.. any chance of help fixing the padding i would really appreciate it

body{
margin-top: 0px;
text-align: center;
background-color: #ec9600;
margin: 0px;
padding: 0px;
}

#container{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 731px;
background-image:url(bg.jpg);
}

#subscribe{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 731px;
background-image:url(bg.jpg);
}

#banner{
	height: 137px;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
}
#banner h3{
margin: 0px;
padding: 0px;
font-size: 20px;
font-weight: normal;
}

#left{
width: 150px;
float: left;
}
.links{
padding: 20px 20px 20px 20px;
font-family: Arial, sans-serif;
font-size: 11px;
}

#right{
width: 581px;
float: right;
}
.content{
padding: 10px 10px 10px 10px;
text-align: justify;
font-family: Arial, sans-serif;
font-size: 11px;
}
.style1 {
	font-size: 14px;
	font-weight: bold;
	font-family: verdana;
	color:#FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.style2 {color: #FFFFFF;
		font-size: 11px;
		font-family: verdana;
}
.forminput {
		background-color:#ec9600;
		color:#FFFFFF;
		border:1px solid #ffffff;
		width:120px;
		margin-right:2px;
		margin-bottom:5px;
		font:10px "Trebuchet MS";
	}
.formsubmit {
		background-color:#ec9600;
		color:#ffffff;
		width:40px;
		border:0px;
		cursor:pointer;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:5px;
	}
#bannerex{
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 719px;
background-color: #ec9600;
border: 3px solid #FFFFFF;
}
.prev {
	color: #FFFFFF;
	font-size: 11px;
	font-family: verdana;
	text-decoration: underline;		
}
#warningbox a, #warningbox a:link, #warningbox a:visited, #warningbox a:active {
display: block;
color: #000;
width:100%;
background: #FFFFE1;
border-bottom: 1px outset;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#warningbox a:hover {
color: #FFF;
background: #3169B6;
}
#warningbox p{
margin:0px;
padding: 3px 10px 3px 10px;
font-size:11px;
}

[Josh.]

Thanks Also took your advice on the browser part

To save making a new topic and clogging up the forum how would something like this effect be done:

[Josh.]

It is on my live mail account

but you click a link and it loads up javascript it is i think

[Josh.]

its not a popup windows its like this:

http://www.huddletog...htbox2/#example

but with text

[Josh.]

Ive learnt about the padding now, have you seen a work around?

[Josh.]

Thanks alot dude.. I will have a play about with it

[Josh.]

im using that thickbox now and its working fine with me.. is there anyway to have the same effects as lightbox?