$20 to the one who fixes this simple css problem

Discussion in 'Design' started by Jawn, May 5, 2009.

0
  1. #1
    Hello

    Im having problems with this css/html page http://www.seominds.se/test.html

    Works fine in IE but not the rest of the browsers.

    And as you see in chrome or firefox it messes up after i tried making it auto resize in height after its content.

    First one to post a fix gets $20 through paypal, post the solution in this topic dont send me a private message, if you do it wont count.

    Good luck!

    Best Regards
    Jawn
     
    Jawn, May 5, 2009 IP
  2. WebMasterDriver

    WebMasterDriver Well-Known Member

    Messages:
    432
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    120
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    Hi,

    I am interested in this work. I can fixed the Browser issue.

    Let me know.

    Contact:


    Thanks
     
    WebMasterDriver, May 5, 2009 IP
  3. jBud

    jBud Peon

    Messages:
    387
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    well for one you're using multiple id's (not valid)
    -- you're missing some crucial clearing divs...
    i'd neet to rewrite the whole thing and bring it to standards in order to make it x-browser compatible...
     
    jBud, May 5, 2009 IP
  4. copyrads

    copyrads Peon

    Messages:
    64
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #4
    Hi,
    I am interested and ready to start. Please check PM.
    Waiting for your reply.


    Thanks, tc
     
    copyrads, May 5, 2009 IP
  5. Jawn

    Jawn Peon

    Messages:
    200
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #5

    Please go a head, my offer still stands. first one to post a fix gets $20 through paypal
     
    Jawn, May 5, 2009 IP
  6. EGTURNKEY

    EGTURNKEY Banned

    Messages:
    427
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #6
    ok i'm working on it, and let see hoping i be the 1st one write the correction needed
     
    EGTURNKEY, May 5, 2009 IP
  7. jBud

    jBud Peon

    Messages:
    387
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #7
    the below will fix the layout issue...

    -- however i don't know what it's supposed to look like...
    -- once you approve i can fix the validation issues...


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Test</title>
		
		<link href="/inc/css/style.css" rel="stylesheet" type="text/css" />
        
		<meta name="description" content="Test" />
        	<meta name="keywords" content="Test" />


<style type="text/css">
#xuxian {
	padding-bottom: 10px;
	border-top-width: 1pt;
	border-top-style: dashed;
	border-top-color: #C6C5B7;
	height: 1px;
	width: 736px;
	float:left;
	clear:left;
}

#middlebd {
	height: auto;
	width: 736px;
	background-image: url(../images/middlebdbg.gif);
	background-repeat: repeat-x;
	margin-bottom: 15px;
	float:left;
	clear:left;
}

.lan {

	
	text-decoration: none;
}

#middlebda {

	width: 53px;
	line-height: 98px;
	color: #008EBD;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	float: left;
	
}

#middlebdb {
	height: auto;
	width: 556px;
	float: left;
}

#details{
	font-size: 11px; 
	position:absolute; 
	left:192px; 
	padding-top: 23px;
}

#middlebdba {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	width: 550px;
	color: #0000FF;
}

#middlebdbb {
	width: 500px;
	height: auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000000;
	text-decoration: none;

}

.clr{
	clear:both;
}

#middlebdcC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #E2033A;
	text-decoration: none;
	height: auto;
	width: 60px;
	margin-top: 5px;
}

#middlebdca {
	width: 60px;
	margin-top: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#middlebdcb {
	width: 60px;
	margin-top: 5px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #6CA81D;
	text-decoration: none;
}

#middlebdc {
	float: left;
	height: auto;
	width: 60px;
	text-align: center;
}

</style>

    </head>
    <body>




									<div id="xuxian"></div>
									<div id="middlebd">
									<div id="middlebda">1<br /></div>

										<div id="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://seeitworks.com/TwiBanners/468x60_3.gif"></div>
											<div id="middlebdba">
												<a href="/out.php?site=457" class="lan" target="_blank" rel="nofollow">Twilight MU Online - Season 4</a>
											</div>
										
											<div id="middlebdbb">Long Term Server Running Since May 2006 || No Database Wipes || 24/7 Online Hosted On Dedicated Server With 100Mbps Connection || Unique Tokens & Box System || Lots Of Website Features || 20x Exp and 80% Drops || Online Support On Forum & TS || Join Us!!!</div>
										</div>

											<div id="middlebdc">
												<div id="middlebdca">IN</div>
												<div id="middlebdcb">308</div>
											</div>
											<div id="middlebdc">
												<div id="middlebdca">OUT</div>
												<div id="middlebdcC">103</div>

											</div>
									</div>
									<div id="xuxian"></div>
									<div id="middlebd">
									<div id="middlebda">2<br /></div>
										<div id="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://pics1.frozenbear.com/i/picfu1/2008/08/29/09/a/e/4/ae4c6418bb3e25ea159280bb07210d9b0_main.gif"></div>
											<div id="middlebdba">

												<a href="/out.php?site=61" class="lan" target="_blank" rel="nofollow">GatheringRO</a>
											</div>
										
											<div id="middlebdbb">• 5000x/5000x/Unique • Level 250/120 • Stats 200 • Soccer • AntiCheat • Izlude Battle Arena • WoE 1.0 & 2.0 • Events • Custom NPCs • Custom Items • Custom Quests • Friendly Community • Dedicated 100Mbit/s • 24/7up •</div>
										</div>
											<div id="middlebdc">
												<div id="middlebdca">IN</div>
												<div id="middlebdcb">254</div>

											</div>
											<div id="middlebdc">
												<div id="middlebdca">OUT</div>
												<div id="middlebdcC">62</div>
											</div>
									</div>
									<div id="xuxian"></div>
									<div id="middlebd">

									<div id="middlebda">3<br /></div>
										<div id="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://www.barafranca.com/static/images/branding/banners/mmorpg-mafia-game.jpg"></div>
											<div id="middlebdba">
												<a href="/out.php?site=1985" class="lan" target="_blank" rel="nofollow">Omerta</a>
											</div>
										
											<div id="middlebdbb">Omerta is the biggest free mafia game on the web. Established 2003 it has 3.5 million registrations so far. Recommended! As seen on the Jay Leno show! Players design the game via unique content management system.</div>

										</div>
											<div id="middlebdc">
												<div id="middlebdca">IN</div>
												<div id="middlebdcb">224</div>
											</div>
											<div id="middlebdc">
												<div id="middlebdca">OUT</div>

												<div id="middlebdcC">26</div>
											</div>
									</div>
									<div id="xuxian"></div>
									<div id="middlebd">
									<div id="middlebda">4<br /></div>
										<div id="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://www.bulfleet.com/banners/new468x60.gif"></div>

											<div id="middlebdba">
												<a href="/out.php?site=464" class="lan" target="_blank" rel="nofollow">Bulfleet - Space Strategy</a>
											</div>
										
											<div id="middlebdbb">Bulfleet is a new MMOG, where you can develop your own space saga! Build ships, colonise new planets, deal with your enemies, start alliances and many more! Its free so try it!</div>
										</div>
											<div id="middlebdc">
												<div id="middlebdca">IN</div>

												<div id="middlebdcb">183</div>
											</div>
											<div id="middlebdc">
												<div id="middlebdca">OUT</div>
												<div id="middlebdcC">26</div>
											</div>
									</div>

									<div id="xuxian"></div>
									<div id="middlebd">
									<div id="middlebda">5<br /></div>
										<div id="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://rhidge.com/4.gif"></div>
											<div id="middlebdba">
												<a href="/out.php?site=4768" class="lan" target="_blank" rel="nofollow">RHIDGE MU 6000X *SUPER HOT SEASON 4*</a>
											</div>

										
											<div id="middlebdbb">SUPER HOT SEASON 4, NEW SKILLS|ALL NEW SEASON 4 SETS|NEW WEAPONS|2 NEW MAPS|MOBS|SKILL TREE & LOT MORE! NEW 3RD LVL WINGS|5 NEW 3RD CLASS|3RD QUESTS|NEW INTERFACE|NEW JEWELS|CHAOS MIXES|CASTLE SIEGE|TRANSFER SYSTEM! COME AND ENJOY OUR SEASON 4!</div>
										</div>
											<div id="middlebdc">
												<div id="middlebdca">IN</div>
												<div id="middlebdcb">181</div>
											</div>
											<div id="middlebdc">

												<div id="middlebdca">OUT</div>
												<div id="middlebdcC">9</div>
											</div>
									</div>







    </body>
</html>
    Code (markup):
     
    jBud, May 5, 2009 IP
  8. alimosavi

    alimosavi Banned

    Messages:
    906
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #8
    Hi
    my friend i fix your problem .

    I pm you demo .

    see it . thanks
     
    alimosavi, May 5, 2009 IP
  9. nhc1987

    nhc1987 Notable Member

    Messages:
    2,674
    Likes Received:
    240
    Best Answers:
    0
    Trophy Points:
    280
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #9
    Good job jBud.

    Looks like you are going to get the money :)
     
    nhc1987, May 5, 2009 IP
  10. chennai2020

    chennai2020 Banned

    Messages:
    74
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #10
    Hi,

    I have just tweaked the stylesheet code below.

    Please do check for correctness and PM me


    <style type="text/css">
    #xuxian {
    padding-bottom: 10px;
    border-top-width: 1pt;
    border-top-style: dashed;
    border-top-color: #C6C5B7;
    height: 1px;
    width: 736px;
    float:left;
    clear:left;
    }

    #middlebd {
    height: auto;
    width: 736px;
    background-image: url(../images/middlebdbg.gif);
    background-repeat: repeat-x;
    margin-bottom: 15px;
    float:left;
    clear:left;
    }

    .lan {


    text-decoration: none;
    }

    #middlebda {

    width: 53px;
    line-height: 98px;
    color: #008EBD;
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    float: left;

    }

    #middlebdb {
    height: auto;
    width: 556px;
    float: left;
    }

    #details{
    font-size: 11px;
    position:absolute;
    left:192px;
    padding-top: 23px;
    }

    #middlebdba {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    width: 550px;
    color: #0000FF;
    }

    #middlebdbb {
    width: 500px;
    height: auto;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
    color: #000000;
    text-decoration: none;

    }

    .clr{
    clear:both;
    }

    #middlebdcC {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #E2033A;
    text-decoration: none;
    height: auto;
    width: 60px;
    margin-top: 5px;
    }

    #middlebdca {
    width: 60px;
    margin-top: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    }

    #middlebdcb {
    width: 60px;
    margin-top: 5px;
    height: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #6CA81D;
    text-decoration: none;
    }

    #middlebdc {
    float: left;
    height: auto;
    width: 60px;
    text-align: center;
    }

    </style>


    Regards
     
    chennai2020, May 5, 2009 IP
  11. jBud

    jBud Peon

    Messages:
    387
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #11
    ok all fixed & valid...
    -- with the exception of the image alt tags (5 errors)
    just add an alt tag to your images and you're all set...

    *had to change the doc type to transitional because strict doesn't allow no follow tags... (not valid)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

        <title>Test</title>
		
		<link href="/inc/css/style.css" rel="stylesheet" type="text/css" />
        
		<meta name="description" content="Test" />
        	<meta name="keywords" content="Test" />


<style type="text/css">
.xuxian {
	padding-bottom: 10px;
	border-top-width: 1pt;
	border-top-style: dashed;
	border-top-color: #C6C5B7;
	height: 1px;
	width: 736px;
	float:left;
	clear:left;
}

.middlebd {
	height: auto;
	width: 736px;
	background-image: url(../images/middlebdbg.gif);
	background-repeat: repeat-x;
	margin-bottom: 15px;
	float:left;
	clear:left;
}

.lan {

	
	text-decoration: none;
}

.middlebda {

	width: 53px;
	line-height: 98px;
	color: #008EBD;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	float: left;
	
}

.middlebdb {
	height: auto;
	width: 556px;
	float: left;
}

.details{
	font-size: 11px; 
	position:absolute; 
	left:192px; 
	padding-top: 23px;
}

.middlebdba {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	width: 550px;
	color: #0000FF;
}

.middlebdbb {
	width: 500px;
	height: auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000000;
	text-decoration: none;

}

.clr{
	clear:both;
}

.middlebdcC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #E2033A;
	text-decoration: none;
	height: auto;
	width: 60px;
	margin-top: 5px;
}

.middlebdca {
	width: 60px;
	margin-top: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.middlebdcb {
	width: 60px;
	margin-top: 5px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #6CA81D;
	text-decoration: none;
}

.middlebdc {
	float: left;
	height: auto;
	width: 60px;
	text-align: center;
}

</style>

    </head>
    <body>




									<div class="xuxian"></div>
									<div class="middlebd">
									<div class="middlebda">1<br /></div>

										<div class="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://seeitworks.com/TwiBanners/468x60_3.gif" /></div>
											<div class="middlebdba">
												<a href="/out.php?site=457" target="_blank" class="lan" rel="nofollow">Twilight MU Online - Season 4</a> </div>
										
											<div class="middlebdbb">Long Term Server Running Since May 2006 || No Database Wipes || 24/7 Online Hosted On Dedicated Server With 100Mbps Connection || Unique Tokens &amp; Box System || Lots Of Website Features || 20x Exp and 80% Drops || Online Support On Forum &amp; TS || Join Us!!!</div>
										</div>

											<div class="middlebdc">
												<div class="middlebdca">IN</div>
												<div class="middlebdcb">308</div>
											</div>
											<div class="middlebdc">
												<div class="middlebdca">OUT</div>
												<div class="middlebdcC">103</div>

											</div>
									</div>
									<div class="xuxian"></div>
									<div class="middlebd">
									<div class="middlebda">2<br /></div>
										<div class="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://pics1.frozenbear.com/i/picfu1/2008/08/29/09/a/e/4/ae4c6418bb3e25ea159280bb07210d9b0_main.gif" /></div>
											<div class="middlebdba">

												<a href="/out.php?site=61" class="lan" target="_blank" rel="nofollow">GatheringRO</a>
											</div>
										
											<div class="middlebdbb">• 5000x/5000x/Unique • Level 250/120 • Stats 200 • Soccer • AntiCheat • Izlude Battle Arena • WoE 1.0 &amp; 2.0 • Events • Custom NPCs • Custom Items • Custom Quests • Friendly Community • Dedicated 100Mbit/s • 24/7up •</div>
										</div>
											<div class="middlebdc">
												<div class="middlebdca">IN</div>
												<div class="middlebdcb">254</div>

											</div>
											<div class="middlebdc">
												<div class="middlebdca">OUT</div>
												<div class="middlebdcC">62</div>
											</div>
									</div>
									<div class="xuxian"></div>
									<div class="middlebd">

									<div class="middlebda">3<br /></div>
										<div class="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://www.barafranca.com/static/images/branding/banners/mmorpg-mafia-game.jpg" /></div>
											<div class="middlebdba">
												<a href="/out.php?site=1985" class="lan" target="_blank" rel="nofollow">Omerta</a>
											</div>
										
											<div class="middlebdbb">Omerta is the biggest free mafia game on the web. Established 2003 it has 3.5 million registrations so far. Recommended! As seen on the Jay Leno show! Players design the game via unique content management system.</div>

										</div>
											<div class="middlebdc">
												<div class="middlebdca">IN</div>
												<div class="middlebdcb">224</div>
											</div>
											<div class="middlebdc">
												<div class="middlebdca">OUT</div>

												<div class="middlebdcC">26</div>
											</div>
									</div>
									<div class="xuxian"></div>
									<div class="middlebd">
									<div class="middlebda">4<br /></div>
										<div class="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://www.bulfleet.com/banners/new468x60.gif" /></div>

											<div class="middlebdba">
												<a href="/out.php?site=464" class="lan" target="_blank" rel="nofollow">Bulfleet - Space Strategy</a>
											</div>
										
											<div class="middlebdbb">Bulfleet is a new MMOG, where you can develop your own space saga! Build ships, colonise new planets, deal with your enemies, start alliances and many more! Its free so try it!</div>
										</div>
											<div class="middlebdc">
												<div class="middlebdca">IN</div>

												<div class="middlebdcb">183</div>
											</div>
											<div class="middlebdc">
												<div class="middlebdca">OUT</div>
												<div class="middlebdcC">26</div>
											</div>
									</div>

									<div class="xuxian"></div>
									<div class="middlebd">
									<div class="middlebda">5<br /></div>
										<div class="middlebdb">
											<div style="width: 468px; height: 60px;"><img src="http://rhidge.com/4.gif" /></div>
											<div class="middlebdba">
												<a href="/out.php?site=4768" class="lan" target="_blank" rel="nofollow">RHIDGE MU 6000X *SUPER HOT SEASON 4*</a>
											</div>

										
											<div class="middlebdbb">SUPER HOT SEASON 4, NEW SKILLS|ALL NEW SEASON 4 SETS|NEW WEAPONS|2 NEW MAPS|MOBS|SKILL TREE &amp; LOT MORE! NEW 3RD LVL WINGS|5 NEW 3RD CLASS|3RD QUESTS|NEW INTERFACE|NEW JEWELS|CHAOS MIXES|CASTLE SIEGE|TRANSFER SYSTEM! COME AND ENJOY OUR SEASON 4!</div>
										</div>
											<div class="middlebdc">
												<div class="middlebdca">IN</div>
												<div class="middlebdcb">181</div>
											</div>
											<div class="middlebdc">

												<div class="middlebdca">OUT</div>
												<div class="middlebdcC">9</div>
											</div>
									</div>







    </body>
</html>
    Code (markup):
     
    jBud, May 5, 2009 IP
  12. jBud

    jBud Peon

    Messages:
    387
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #12
    kind of funny how i just stuck this in for kicks:
    .clr{
clear:both;
}
    Code (markup):
    there is really no reason for it to be there, other than to see if anyone is just blindly copying what i did....

    -- well sure enough :rolleyes:

    anyways at Jawn you can delete that pice of code...
    .xuxian div is the one that floats and clears...
     
    jBud, May 5, 2009 IP