这样的网页布局该怎么写div+css

就是这张图片上的,导航下有个浅色的背景图片,上面有文字导航,最下面是banner,就是那种JS控制的一会一张的滚动图片,我想知道这该怎么写导航的样式才可以让它盖在banner上并且还不乱窜位置呢?
是不是用那种浮动的div,但是我用过,窗口小的时候是一个位置,窗口大的时候又窜到另一个位置了,怎么让它固定呢?麻烦懂的朋友具体点,给个例子

找到它的父级div~~并给他添加一条:position:relative;是父级元素变为相对行为。但是位置是不发生任何改变的。
然后给他添加:position:absolute;这样,它变成了绝对定位,而参考对象就是它的上级元素中最近的非流元素,由于刚才给他的父级元素添加了相对定位,那参考对象就是它的父级元素了。这样,用:top,left等对他进行定位就好了,定位的参考对象是它的父级DIV,只要它的父级div不乱窜,他就不会乱窜的。
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-08-25
1、你可以用绝对定位(position:absolute;),让导航盖在banner上面;
2、给导航的背景颜色设置一个透明度;
第2个回答  2011-08-25
你的有个最小宽度
第3个回答  2011-08-26
只能用绝对定位position:absolute;

divcss网页布局实例代码(网页设计divcss布局)
1、新建一个html文件,命名为test.html,用于讲解div+css布局的基本流程。2、在test.html文件内,对body进行样式初始化,设置外边距margin为0,内边距padding为0,同时使用text-align设置文字居中。3、在test.html文件内,为了讲解方便,设置所有的div高度为200px,内容的颜色为红色。4、在test.html文件...

如何用DIV+CSS将网页布局 左中右 并列
接着,为左侧元素添加margin-left属性,使其与容器边缘保持10px的距离。同样,中间和右侧元素亦需添加margin-left属性,保持相同的间隔。最后,加入一个 标签并添加clear:both属性,以清除浮动,确保布局不会因浮动元素而产生意外的换行。通过这些CSS样式调整,能够实现网页布局中左右中并列显示的效果,即使宽...

简述采用div+css技术进行页面布局的基本步骤
一、确定页面结构和内容 二、创建基本的HTML结构 使用div元素创建页面的主要结构,每个div代表一个页面元素,如头部、导航栏、主要内容区、侧边栏、底部等。这样可以建立一个基础的页面骨架。三、使用CSS进行样式设计 接下来,通过CSS来定义每个div的样式。这包括颜色、背景、字体、大小、边距等视觉属性。可...

divcss布局设计?
如何用DIV+CSS进行网页样式布局一、选择“div标签”命令 打开dreamweaver,新建网页并保存为“die.html”,选择【插入】【布局对基简象】【div标签】命令,打开“div标签”对话框。二、输入div标签名称 1、在“ID”列表框中选择“top”2、单击“新建css规则”按钮准备进行css规则定义 三、新建css规则 在...

请教DIV+CSS高手,这样的网页布局的DIV+CSS代码怎么写?
<div id="center"> <div id="left"> <div id="left_top"> <div id="zj"><\/div> <div id="hihi"><\/div> <\/div> <div id="left_down"> <div id="le_cont"><\/div> <ul id="new"> <li><\/li> <li><\/li> <li><\/li> <\/ul> <\/div> <\/div> <div id="right">...

divcss布局教程(divcss布局教程)
用div\/div来规定你要进行排版的地方。还可以加上class,就是divclass=,这样可以在CSS里定义不同名称的div。最好不要用软件直接生成,手动架构页面DIV+CSS布局,这样页面架构比较清晰。主要步骤:ps页面+架构Div+写样式CSS切需要的图片+完成+IE,FireFox中看效果+修改样式。软件一般用DW。

css+div 网页充满整个浏览器窗口
1、第一步,创建或打开Web项目,新建html文件以及CSS文件,见下图,转到下面的步骤。2、第二步,执行完上面的操作之后,图中显示了HTML页面代码,定义div并给出id属性等级,见下图,转到下面的步骤。3、第三步,执行完上面的操作之后,将“height”值设置为零,使用“padding”属性的“top”或“bottom...

简述CSS+DIV布局的常用方法。
【答案】:CSS+DIV布局的常用方法有三种:一、 常规流式布局 元素按照自身的常规显示方式显示,有两个特点:1.元素按照自身HTML元素定义的位置显示(怎么写的怎么显示)2.元素按照自身的常规显示特性显示,比如块级元素垂直排列,行级元素水平排列。二、 浮动 具体代码:左浮动 float:left;右浮动 float:...

怎么用css+div布局一个网页!具体的思路是怎么样的?先后顺序是怎么...
div+css布局现在是主流,能提高网页加载速度,提高后期代码维护效率。步骤阅读 方法\/步骤 >01 div 所谓<div>标签我们可以理解为一个盒子。例如:<div class="top"   style='border:1px solid #000;background-color:#EEE'>这里是Top<\/div >02 border:1px solid #000;(这是把边框...

怎么可以最简单的使用div+css制作网页框架
1、布局先把大框架确定,再逐步把内部的细节构建出来,从层级关系来看就是由外往内布局;2、如果你对divcss不是很熟悉,那么你可以先以图片作为背景图片代替 3、如果对布局定位不是很熟练,那么可以暂时以绝对位置来布局 4、自己不熟悉的情况下,在设计平面页面的时候就要先考虑到自己是否有能力写出这个...

相似回答
大家正在搜