SMF For Free Support Forum
Signup For Free Forum
March 12, 2010, 05:27:09 am
Welcome,
Guest
. Please
login
or
register
.
Did you miss your
activation email?
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
: Welcome to SMF For Free. The best free SMF Host
Home
Help
Search
Arcade
Gallery
Login
Register
SMF For Free Support Forum
>
General Stuff
>
Programming
>
A little css problem
Pages: [
1
]
« previous
next »
Print
Author
Topic: A little css problem (Read 1230 times)
0 Members and 1 Guest are viewing this topic.
Corrupted Games
SMF For Free Newbie
Offline
Posts: 15
A little css problem
«
on:
December 22, 2008, 11:56:23 pm »
I'm currently in the process of changing my family's football related competitions website and was looking to convert from tables to floating divs, but I have one slight problem.
This problem is that when viewing the website with floats you cant change the size of the browser without discombobulating the entire sites layout.
For example if i have the following layout
AA
BC
DD
AA= Header
B=Navigation
C=News/Main Portion
DD=Footer
and you shrink the browser screen the layout cahnges to
AA
B
C
DD
Which I find to be an issue as im sure something smilar would happen if my aunt views it on her cell phone.
I was wondering if there was anyway to fix this problem?
Logged
Let teh corruption begin
http://corruptedgames.smfforfree.com
http://corruptedgames.freehostia.com
- Coming Soon
Celebrus
SMF For Free Hero
Offline
Posts: 941
can't think of anything witty to put here
Re: A little css problem
«
Reply #1 on:
December 23, 2008, 02:29:17 am »
It would be nice if you could provide your code.
This
may help.
Logged
Colette Brunel
SMF For Free Sr. Member
Offline
Posts: 423
Re: A little css problem
«
Reply #2 on:
December 23, 2008, 09:50:46 am »
Quote from: Corrupted Games on December 22, 2008, 11:56:23 pm
Which I find to be an issue as im sure something smilar would happen if my aunt views it on her cell phone.
Create an alternative stylesheet for cell phone users. Make the action (via PHP or Perl) ?;wap.
Logged
Corrupted Games
SMF For Free Newbie
Offline
Posts: 15
Re: A little css problem
«
Reply #3 on:
December 23, 2008, 05:19:26 pm »
heres the code
Code:
<html>
<head>
<style type="text/css">
body {
background: #000000;
color: #0000FF; }
.header {
border: 2px solid #0000A3;
width: 100%;
color: #FFFFFF; }
.nav {
border: 2px ridge #0000FF;
width: 24%;
height: 500px;
float: left; }
.main {
border: 2px ridge #0000FF;
width: 75%;
height: 500px;
float: right; }
.footer {
border: 2px solid #0000A3;
width: 100%;
color: #FFFFFF; }
</style>
</head>
<body>
<div class="header"><center><font size="7">HEADER HERE</center></font></div><br>
<div class="nav">
<center>Navigation</center>
<hr color="FFFF00">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
<a href="#">Link 5</a>
</div>
<div class="main">
News and stuff here
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div class="footer">Copyright Info and Stuff</div>
</body>
</html>
Logged
Let teh corruption begin
http://corruptedgames.smfforfree.com
http://corruptedgames.freehostia.com
- Coming Soon
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
SMF For Free Site
-----------------------------
=> Announcements
=> General Discussion
=> Suggestions
-----------------------------
SMF For Free Support
-----------------------------
=> General Support
=> Guides and Tutorials
=> Stylesheet Codes
=> Stylesheet Requests and Support
=> SMF For Free Codes and Support
===> Code Requests
=> Bugs
=> Report Terms of Service Violations
-----------------------------
General Stuff
-----------------------------
=> General Chat
=> Advertise Your Board/Blog
=> Programming
===> HTML
===> JavaScript
===> C,C++
===> Java
===> .Net
===> PHP
===> Visual Basic
=> Gaming
===> PC Games
===> Nintendo
===> Playstation
===> Xbox / Xbox 360
=> Graphics
===> Living Avatars
Loading...